KPC
Kevin Powell - Community•2y ago
kashyap_rajan

I want to change the point of rotation of a div. How to do that?

Basically I want to create something like a disco lights. I have a triangle which i want to rotate but its rotational point should be fixed at the top. I tried transform-origin but that is not giving me the expected results. I have a code pen. Please let me know how this can be done. https://codepen.io/kashyaprajan11/pen/xxaVbYw?editors=1100
6 Replies
b1mind
b1mind•2y ago
I'm not at my PC atm but you need the deceleration on the element not the key frame? Transform-origin on .light
JWode
JWode•2y ago
transform-origin: 'top left'; needs quotes around the top left?
b1mind
b1mind•2y ago
No quotes
JWode
JWode•2y ago
haha, correct 😄 just checked I'm out
kashyap_rajan
kashyap_rajan•2y ago
😅 .. How can I do that. Thanks a lot 🙏
Jochem
Jochem•2y ago
https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin
transform-origin - CSS: Cascading Style Sheets | MDN
The transform-origin CSS property sets the origin for an element's transformations.
Want results from more Discord servers?
Add your server
More Posts
How do I get these linear-gradient? (Header BG and Inside of the circle with number)my codepen: https://codepen.io/DovahTheKiin/pen/oNPxgWx I'm having trouble matching those linear grHow can I stop a parent from growing when font size increases?I've figured out how to make my navbar links to grow in size when hovered or focused on, but the othWhat If...What if I do, ```js setInterval( () => { setTimeOut( () => { console.log("What If.."); }need help in deciding the light color palletHey folks, if I have a dark color pallet then how do I find its corresponding light color pallet so Shouldn’t the border radius which is set as “border-radius: 100vmax;”change when viewport changes?1. Picutre is the button in smaller frame. But it stays stable. How? Did I miss anything? Kevin's coAuto select country flag when country code is providedI am working on a `project` and it is required I implement a `functionality` that allow users to pruiverse.ioOpen-Source UI elements for any project https://uiverse.io/ New Css Challengesusing spread operator in json obejctHey everyoneCoollabs fonts - replacement for Google fonthttps://fonts.coollabs.io/Change bg color for the mobile versionHi, it's about this page: https://www.ohvaz.ro/blog/budinca-de-chia-tot-ce-trebuie-sa-stii/ the mobi