Name: Hover Modifier
Uploaded: 2019-12-26T12:59:06.446Z
Duration: 2 min 13 s
Description: We can tap into the built-in hover state in CSS using the hover: modifier along with any of the default classes to achieve interactive designs.

scrimba

Watch in fullscreen

Hover Modifier

by Victor Gonzalez

Learn Tailwind CSS

About

Comments

Notes

Hover Modifier

Expand for more info

index.html

run

preview

console

<html>
    <head>
        <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
    </head>
    <body class="h-screen flex justify-center items-center">
        <button class="bg-blue-500 text-white font-bold py-2 px-4 rounded">Submit</button>
    </body>
</html>

-2:13