T&F

Disclaimer

Hello, I'm Naura. Thanks for dropping here. No ripping or copying my codes. Following or taking any of my T&F? Credits or comment. Adious Amigoes.

About Stuffs Affies Entry

Tagboard

Human goofing around ♥

Credits

Attention! Do NOT remove this section!

Best viewed ; Safari
Big help ; Thé Silver Owls; , Amen Aj , Yesterdaysfate and Babydoll.nu

Older | Newer

Tutorials : Image Border and Hover

0 lovely letter's ♥

Assalammualaikum and Hi. 2nd tutorials for today, because I'm damn bored. I'll took this code from Athirah Rahim, so credits to her! Can you see, all my pictures in my blog, the border and hover melengkung? (broken english. Gahh) Sounds interesting, aite? So, let's start the tutorial.

1. Dashboard>Design>Edit HTML

2. Search for this code (CTRL+F) :

/* Header

3. And copy this codes below, and paste it BEFORE /*Header

img { filter: alpha(opacity=100); opacity: 6; }
img:hover { filter: alpha(opacity=75); opacity: 7; -webkit-transition: 0.5s; }
img {
-webkit-transition: 0.5s;
border-radius: 12px;}

4. Done. Preview first than save.

Labels: Tutorials