Cool Hover Effects In Framer Tutorial
Remix link: https://framer.com/projects/new?duplicate=8PkTqVrVFk4T46cHxh1V
Site link for preview and remix: https://hovers.framer.website/
Framer Overrides: https://frameroverrides.com/
Check out our Framer course: https://bit.ly/3DdUjHU
Follow Danny on Twitter: @Dannysapio
In this video Danny walks us through his technique on how to create hover effects inside of Framer. These effects give your website a polished and professional look and feel. Plus they're actually really easy to do.Once you learn the technique, you can apply this to cards, and different elements within your page not just buttons. Because no matter what it is, the concepts will remain the same.
📽️ CHAPTERS
00:00 - Intro
00:28 - Getting started
01:21 - Using the canvas
02:04 - The technique
03:44 - Adding a 3D effect
04:43 - Float up text on hover
06:26 - Overrides
Thanks for watching, let us know what you’d like to learn next!
📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 https://www.instagram.com/flux.academy/
#framer #webdesign #freelancewebdesigner #freelancedesigner #design
Видео Cool Hover Effects In Framer Tutorial канала Flux Academy
Site link for preview and remix: https://hovers.framer.website/
Framer Overrides: https://frameroverrides.com/
Check out our Framer course: https://bit.ly/3DdUjHU
Follow Danny on Twitter: @Dannysapio
In this video Danny walks us through his technique on how to create hover effects inside of Framer. These effects give your website a polished and professional look and feel. Plus they're actually really easy to do.Once you learn the technique, you can apply this to cards, and different elements within your page not just buttons. Because no matter what it is, the concepts will remain the same.
📽️ CHAPTERS
00:00 - Intro
00:28 - Getting started
01:21 - Using the canvas
02:04 - The technique
03:44 - Adding a 3D effect
04:43 - Float up text on hover
06:26 - Overrides
Thanks for watching, let us know what you’d like to learn next!
📱 Find us on SOCIAL MEDIA
Flux Academy's Instagram 👉 https://www.instagram.com/flux.academy/
#framer #webdesign #freelancewebdesigner #freelancedesigner #design
Видео Cool Hover Effects In Framer Tutorial канала Flux Academy
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
![Membership sites in Framer with FramerAuth](https://i.ytimg.com/vi/p9wocnN2QWU/default.jpg)
![We Redesigned Hacksmith! (StudioXperience Ep. 1)](https://i.ytimg.com/vi/5rTKCrqxkrQ/default.jpg)
![recraft.ai - Ai Tool for Vector Icons in Web Design](https://i.ytimg.com/vi/hqdc6U7Ov7Q/default.jpg)
![Bento Grids - New Web Design Trend for 2024?](https://i.ytimg.com/vi/onQ9KGWysQY/default.jpg)
![Framer Tricks I Wish I Knew Earlier: Component Hover](https://i.ytimg.com/vi/GxwgFKK9AsQ/default.jpg)
![Level up your logo design with these books](https://i.ytimg.com/vi/ML5MxdVTX5g/default.jpg)
![How did we get here? Web Design History From Dial-Up To The Weird Future.](https://i.ytimg.com/vi/wlYjSThvtew/default.jpg)
![Figma to Lottie Plugin](https://i.ytimg.com/vi/G0TaluhMqWQ/default.jpg)
![Charge $20k for a web design](https://i.ytimg.com/vi/eobyMWQl1aQ/default.jpg)
![Webflow VS WordPress - Comprehensive Review (2023)](https://i.ytimg.com/vi/wlXC0MhMEpE/default.jpg)
![SuperChallenge: Complete Website in 2 Hours](https://i.ytimg.com/vi/Kk3Uijo8n3w/default.jpg)
![Framer Ai is INSANE!](https://i.ytimg.com/vi/QKUnUrsDzk0/default.jpg)
![Framer: Start with Ai](https://i.ytimg.com/vi/1Rz2lzuWodk/default.jpg)
![10 Ai Tools for Web Design Efficiency](https://i.ytimg.com/vi/TiaCZc6peEA/default.jpg)
![5 Figma Features That KILL Productivity](https://i.ytimg.com/vi/z3B1pUzyarM/default.jpg)
![5 Beautiful Framer Sites For Inspiration](https://i.ytimg.com/vi/6kN_EpCh7H8/default.jpg)
![Why I prefer Framer over Webflow](https://i.ytimg.com/vi/P8-5yvxr3E4/default.jpg)
![How To Build a One-Man Design Agency Doing $500k/y](https://i.ytimg.com/vi/dAMgOp8I1TM/default.jpg)
![Making Responsive Websites in Framer](https://i.ytimg.com/vi/hHQNXEcR4O8/default.jpg)
![Font pairing made simple](https://i.ytimg.com/vi/XdBb6LKpnp8/default.jpg)
![Trendy Gradient Figma Tutorial](https://i.ytimg.com/vi/fkvB1PrII2E/default.jpg)