Create CSS Button Rollover / Hover Effects for any Website with Figma

Опубликовано: 15 Октябрь 2024
на канале: ExportKit
1,647
4

Learn how to create custom HTML + CSS Button rollover and hover effects from your Figma design when you export your HTML website.

00:00 - Welcome
00:19 - Create your ${global} frame
00:32 - Create/copy your element styles
00:57 - Name your CSS styles
01:11 - Assign styles to layers
02:09 - Create a button hover state
02:37 - Create a text hover state
03:37 - Test your export

Download Plugin: https://exportkit.com/learn/getting-s...

Figma Design Rules: https://exportkit.com/kits/export-kit...

Using The Plugin with Figma: https://exportkit.com/learn/how-to/us...

Using Layer Tags: https://exportkit.com/resources/plugi...

Get full access to HTML, JavaScript, WordPress, Android, iOS, Xamarin and more with your Business Subscription.

Subscribe: https://exportkit.com/shop

#figma #web #exportkit