1 .box {2 position: absolute;3 top: 0;4 left: 0;5 right: 0;6 bottom: 0;7 margin: 12px;8 border: solid silver 1px;9 transition: all 0.2s ease;10 -webkit-transition: all 0.5s ease;11 -moz-transition: all 0.5s ease;12 -o-transition: all 0.5s ease;13 background: white;14 }15 16 .box:hover {17 abackground: rgba(0,255,0,0.02);18 margin: 1px;19 background: orange;20 }21 22 .main-box {23 position: absolute;24 top: 0;25 left: 50%;26 width: 380px;27 height: 380px;28 margin-left: -190px;29 }30 31 h1 {32 text-align: center;33 }34 35 .box:hover > h1 {36 color: white;37 }38
Enlace
El enlace para compartir es: