.metro-tile {
background-color: #D8512B;
border-color: #DC6241;
width: 232px;
height: 104px;
padding: 5px;
color: #FFF;
font-family: sans-serif;
font-size: 12px;
border-width: 3px;
border-style: solid;
cursor: default;
-webkit-transition: 0.1s all;
-moz-transition: 0.1s all;
-ms-transition: 0.1s all;
transition: 0.5s all;
}
.metro-tile-small {
width: 104px;
height: 104px;background-color: #2878EC;
border-color: #2878EC;
}
div.metro-tile:hover {
transform: scale(1.3) perspective(400px) rotateY(0deg) rotateX(0deg);
border-width: 3px;
border-style:solid;
}
http://cssdeck.com/labs/windows-8-metro-tiles-with-css3
//#2878EC; blue
//#6CB71E; green
//#009719; dark green
//#3B5998; fb blue
background-color: #D8512B;
border-color: #DC6241;
width: 232px;
height: 104px;
padding: 5px;
color: #FFF;
font-family: sans-serif;
font-size: 12px;
border-width: 3px;
border-style: solid;
cursor: default;
-webkit-transition: 0.1s all;
-moz-transition: 0.1s all;
-ms-transition: 0.1s all;
transition: 0.5s all;
}
.metro-tile-small {
width: 104px;
height: 104px;background-color: #2878EC;
border-color: #2878EC;
}
div.metro-tile:hover {
transform: scale(1.3) perspective(400px) rotateY(0deg) rotateX(0deg);
border-width: 3px;
border-style:solid;
}
http://cssdeck.com/labs/windows-8-metro-tiles-with-css3
//#2878EC; blue
//#6CB71E; green
//#009719; dark green
//#3B5998; fb blue
1 comment:
If you're looking to lose pounds then you absolutely have to start using this totally brand new personalized keto plan.
To design this keto diet service, licenced nutritionists, fitness trainers, and professional cooks joined together to produce keto meal plans that are efficient, painless, price-efficient, and fun.
From their launch in January 2019, thousands of clients have already transformed their body and health with the benefits a good keto plan can give.
Speaking of benefits: in this link, you'll discover 8 scientifically-certified ones provided by the keto plan.
Post a Comment