Curved Border Picture

Penulis : Nurul Fatihah Shahronizam Masa : 15:14 Komen : 0 Tag :
Hari nie Nurul nak ajar cara buat curved border picture.Jom kita buat sama-sama

1. Dashboard > Template.

2. Search code </style>

3. Paste this above the code :
img {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-transition: 0.5s;
}

img:hover {
filter: alpha(opacity=50);
opacity: .5;
-webkit-border-top-right-radius:20px;
-webkit-border-top-left-radius:20px;
-webkit-border-bottom-right-radius:20px;
-webkit-border-bottom-left-radius:20px;
-webkit-transition: 0.5s;
}

Biru : Curved picture sebelum hover.
Hijau : Curved picture semasa hover.
Merah : Kelajuan hover.
Bold : Opacity gambar semasa hover.

A true muslimah : never forget that Islam, which encourages her to look attractive under the permitted limits, is also the religion that's warns her against extravagance ^_^

0 comments:

Post a Comment