Ver ❯
Herramientas SEO
Tamaño del resultado:
668 x 574
×
Cambiar Orientacion
Cambiar tema, Oscuro/Luz
<!doctype html> <html lang="es"> <head> <meta charset="utf-8"> <title>Animaciones básicas con CSS transition</title> </head> <body> <style> .container { width: 200px; height: 200px; background: #f92672; position: relative; } .fade-in { opacity: 0; transition: opacity 0.9s ease-in-out; position: absolute; right: 0; height: 200px; width: 50px; background: #428bca; } .container:hover .fade-in { opacity: 1; } </style> <div class="container"> <div class="fade-in"></div> </div> </body> </html>