Santrupti P
@santacandesign
Product Designer on the hunt for her next role. Data viz | Design | Code
ID: 1347621974948814848
https://bento.me/santrupti 08-01-2021 19:11:47
4,4K Tweet
1,1K Followers
5,5K Following
CSS card parallax with pointermove + custom props π§βπ³ <div class=ring style="--i: 2"> .ring { translate: calc(var(--px) * (var(--i) * -2rem)) calc(var(--py) * (var(--i) * 2rem)); } trick: pointer mapping to rotate card in 3D + translate rings 2D for the illusion π€ check it π