PORADNIK Jak zrobić ruchome obrazki kategorii?

Oczywiście filtry możemy ze sobą łączyć, np przezroczystość i cień będzie wyglądało następująco:

Code:

.conta {
  float:left;
  width:21%;
  padding:2%;
}
.conta:hover {
-webkit-filter: opacity(30%) drop-shadow(8px 8px 10px black);;
-moz-filter:  opacity(30%) drop-shadow(8px 8px 10px black);;
-o-filter:  opacity(30%) drop-shadow(8px 8px 10px black);;
-ms-filter:  opacity(30%) drop-shadow(8px 8px 10px black);;
filter:  opacity(30%) drop-shadow(8px 8px 10px black);;
}
.cal {
width: 100%;
float:center;
margin:auto;
}

 

A jak zrobić coś takiego tylko dodając zdjęcie do menu górnego?

 

możesz dodać obrazek przez ::before lub ::after i tak samo zmienić go hoverem i filtrami