Web.QHMIT
.com
Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
Run
<!DOCTYPE html> <title>Example</title> <style> .resize { background-color: yellowgreen; color: olivedrab; width: 40%; height: 20px; padding: 10px; font-size: 1em; font-family: sans-serif; transition: width 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.4) 0s, height 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.4) 0s, font-size 0.5s cubic-bezier(0.25, 0.1, 0.25, 1.4) 0s; } .resize:hover { width: 70%; height: 150px; font-size: 2em; font-weight: bold; background-color: beige; } </style> <div class="resize">Hover over me...</div>
Preview