Efekt 1 - Kod CSS

Efekt 1
- KOD CSS
.szablon {box-shadow:0px 0px 10px #f5f5f5, inset 0px 00px 0px #fbfbfb;;margin-bottom:5px;border:1px solid #eee;margin-right:3px;background:#f5f5f5;margin-bottom:px;margin-top:4px;display:inline-block;width:232px;text-align:center;padding-top:10px;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.szablon:hover{box-shadow:0px 0px 10px #f5f5f5, inset 0px 300px 0px #fbfbfb;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;}
.nazwa {color:#555;font-family:Oswald;text-transform:uppercase;font-size:31px;letter-spacing:1px;text-shadow:1px 1px 0px #fff;line-height:100%;text-align:center;}
.szablon img {border:1px solid #ddd;padding:10px;box-shadow:0px 0px 10px #ddd;}
.opis{text-align:left;padding:10px;padding-left:15px;padding-top:0px;margin-right:65px;}
.pobierz {background:#20BBC7;color:#eee;padding:10px;font-family:oswald;letter-spacing:2px;z-index:9999999;float:right;position:relative;right:-75px;margin-top:-22px;margin-bottom:-1px;}
.infosz {font-family:calibri;text-transform:uppercase;font-size:10px;line-height:13px;}
.pobierz:hover {background:#9958A6 ;}
.pobierz:hover .szablon {border-bottom:5px solid #20BBC7;}
.opis i {font-size:11px;letter-spacing:2px;font-family:arial;line-height:18px;border-left:12px solid #ddd;padding-left:3px;text-shadow:1px 1px 0px #fff}