Line 20: | Line 20: | ||
padding: 50px; | padding: 50px; | ||
border-radius: 10px; | border-radius: 10px; | ||
− | transition: box-shadow 0.1s, background-color 0.1s; | + | transition: box-shadow 0.1s, background-color 0.1s, transform 0.1s; |
+ | } | ||
+ | |||
+ | #panel * { | ||
+ | transition: transform 0.1s; | ||
+ | } | ||
+ | |||
+ | #panel:hover * { | ||
+ | transform: translate(5px, 5px); | ||
} | } | ||
#panel:hover { | #panel:hover { | ||
− | -webkit-box-shadow: inset | + | -webkit-box-shadow: inset 5px 5px 0px 0px rgba(37, 163, 89, 0.3); |
-moz-box-shadow: inset 5px 5px 0px 0px rgba(37, 163, 89, 0.3); | -moz-box-shadow: inset 5px 5px 0px 0px rgba(37, 163, 89, 0.3); | ||
box-shadow: inset 5px 5px 0px 0px rgba(37, 163, 89, 0.3); | box-shadow: inset 5px 5px 0px 0px rgba(37, 163, 89, 0.3); |
Revision as of 12:14, 16 June 2016