Slide 15
Slide 15 text
#FlatDesign - Now Trending
Fad or Fab
.skeuomorph {
text-shadow: 1px 1px 0px #fff;
-moz-box-shadow: 3px 3px 10px 0px #9e9e9e;
-webkit-box-shadow: 3px 3px 10px 0px #9e9e9e;
box-shadow: 0px 5px 10px 0px #9e9e9e;
background: -webkit-gradient( linear, left top, left bottom,
color-stop(0.05, #dfdfdf), color-stop(1, #888) );
background: -moz-linear-gradient( center top, #dfdfdf 5%,
#888 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startCo
lorstr=’#dfdfdf’, endColorstr=’#888′);
background-color: #dfdfdf;
display: inline-block;
}
.skeuomorph.active,
.skeuomorph:hover {
text-shadow: 0px 1px 1px #fff;
box-shadow: 0px -5px 10px 0px #9e9e9e;
background: -webkit-gradient( linear, left top, left bottom,
color-stop(0.05, #888), color-stop(1, #dfdfdf) );
background: -moz-linear-gradient( center top, #888 5%,
#dfdfdf 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startCo
lorstr=’#888′, endColorstr=’#dfdfdf’);
background-color: #888;
}
.minimalistic {
border-top: 0px;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
border-left: 0px;
background-color: #ddd;
}
.minimalistic:hover,
.minimalistic.active {
border-top: 2px solid #888;
border-right: 0px;
border-bottom: 0px;
border-left: 2px solid #888;
background-color: #bbb;
}
.flat {
background-color: #ddd;
}
.flat:hover,
.flat.active {
background-color: #bbb;
}