2015. február 7.

Kép effekt kódok

Sziasztok! :)

Hoztam nektek néhány (6) darab kép effekt kódot így estére. Remélem, hasznát veszitek majd! :)

(Csak a CSS kódot írtam meg.)

Pöttyös keret a képnek:

border: 1px dotted #000000;
background-color: #64afc5;
padding: 6px;
Szaggatott keret a képnek: 

border: 1px dashed #000000;
background-color: #fbceb1;
padding: 6px;
Sima keret a képnek:

border: 1px solid #000000;
background-color: #fbceb1;
padding: 6px;
Árnyék a képnek:
box-shadow: -6px -6px 10px #b0b0b0;
-webkit-box-shadow: -6px -6px 10px #b0b0b0;
-moz-box-shadow: -6px -6px 10px #b0b0b0;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#561A0B, offX=-6, offY=-6, positive=true);
Dupla keret a képnek 1.:

a:hover img {
border: 5px double #000000;
}
Dupla keret a képnek 2.: 

a:link img, a:visited img {
background-color: #fbceb1;
padding: 10px;
border: 10px solid #D93033;
}
a:hover img {
ha ráviszed az egeret kódrész jön ide
}

Nincsenek megjegyzések:

Megjegyzés küldése