WEBLEB
Home
Editor
Accedi
Pro
Italiano
English
Français
Español
Português
Deutsch
Italiano
हिंदी
Goku contro Vegeta
2299
Andev.web
Apri nell'Editor
Pubblica il Tuo Codice
Consigliato
31 May 2025
Un codice di Mete
11 April 2023
23 November 2024
Animazione del passaggio del mouse
HTML
Copy
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Andev Web</title> <link rel="stylesheet" href="./style.css"> </head> <body> <img src="https://assets.codepen.io/1480814/goku-_1.png" alt="Goku"> <img src="https://assets.codepen.io/1480814/veg-.png" alt="Vegeta"> </body> </html>
CSS
Copy
img { --s: min(50vw,360px); /* control the size */ width: var(--s); aspect-ratio: 1; object-fit: cover; object-position: top; padding: calc(var(--s)/4) calc(var(--s)/8) 0; box-sizing: border-box; background: conic-gradient(from 135deg at 50% 15%,#e0dee1,#28a6b5 25%,#0000 0); clip-path: polygon(-50% 0,150% 0,50% 100%); transition: .5s; cursor: pointer; } img:hover { padding: 0; } body { margin: 0; min-height: 100vh; display: grid; place-content: center; grid-template-columns: auto auto; background: url('https://sm.ign.com/ign_es/news/c/confirmado/confirmado-trunks-estara-en-dragon-ball-fighterz_nvrd.png') no-repeat center center/cover; }
JS
Copy
/* Replace with your JS Code (Leave empty if not needed) */
