Created
October 22, 2013 19:01
-
-
Save dahngeek/7106224 to your computer and use it in GitHub Desktop.
Mostrar digo.. aumentar el tamano de algo on hover
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Mostrar algo al pasar el cursor</title> | |
| <style type="text/css"> | |
| #no {display: none; | |
| transition:all 2s; | |
| -webkit-transition:all 2s; } | |
| div | |
| { | |
| width:100px; | |
| height:100px; | |
| background:red; | |
| transition:height 2s; | |
| -webkit-transition:height 2s; /* Safari */ | |
| } | |
| div:hover | |
| { | |
| height:300px; | |
| } | |
| div:hover #no | |
| { | |
| display: block; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div><p>Este texto esta</p><p id="no">Este texto no esta</p></div> | |
| <p>Hover over the div element above, to see the transition effect.</p> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment