Skip to main content

Lift Interactive offers a tactile CSS treat

Awesome CSS effects aplenty on Lift Interactive's new site

Awesome CSS effects aplenty on Lift Interactive's new site

Canadian agency Lift Interactive has launched its new site, featuring tons of cool CSS effects. "We wanted to use our site to display both a new approach to how we want to communicate, but also to show what we are technically capable of," explains frontend developer Adrian Gyuricska.

Viewing the site in a modern, updated browser (Google Chrome is always a safe choice), be sure to scroll down to the Thinking area on the homepage and hover over the books. By transitioning CSS transforms and combining translate and rotate properties, the book front and spine have a nifty 3D effect.

Hovering over the books in the Thinking section reveals a cool 3D effect

Hovering over the books in the Thinking section reveals a cool 3D effect

“Something I enjoyed was the use of 3D transforms on the site. I’m really happy with the banner transforms on the homepage,” says Gyuricska.

More transforms are used on the Work page. Hovering over a thumbnail both scales and moves the image nested within the link, allowing the container to make a mask on the larger sized image, revealing more of it on hover.

Words: Jenn Lukas. This showcase was originally published in .net magazine issue 234.

Now read these!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began over a decade ago. The current website team consists of five people: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq. 

Topics
CSS