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-property: width, height, font-size, font-weight, background-color; transition-duration: 0.7s; transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1.4); transition-delay: 0s; } .resize:hover { width: 70%; height: 150px; font-size: 2.3em; font-weight: bold; background-color: beige; } </style> <div class="resize">Hover over me...</div>
Preview