Lift Interactive offers a tactile CSS treat

Inspiration
By published

Canadian agency Lift Interactive's new website offers some impressive CSS3 effects - take a look for yourself.

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.

Latest Videos From

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!

Creative Bloq Staff
Creative Bloq Staff
All things Creative Bloq

The Creative Bloq team is made up of a group of art and design enthusiasts, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of eight full-time members of staff: Editor Georgia Coggan, Deputy Editor Rosie Hilder, Ecommerce Editor Beren Neale, Senior News Editor Daniel Piper, Editor, Digital Art and 3D Ian Dean, Tech Reviews Editor Erlingur Einarsson, Ecommerce Writer Beth Nicholls and Staff Writer Natalie Fear, as well as a roster of freelancers from around the world. The ImagineFX magazine team also pitch in, ensuring that content from leading digital art publication ImagineFX is represented on Creative Bloq.