Tutorial : Slow Hover Blockquote
In the name of Allah, The Most Beneficent and Merciful
Zaty : Akak, camne nak buat blockquote cam akak? Cantik ah.
Serious lama kan Amirah tak post something? Nevermind, tak ada orang pun nak baca T^T Okay, back to the topic. Amirah bagi code dalam dua jenis tau. Satu yang untuk background berwarna, macam Amirah punya. Satu lagi untuk background bergambar. Just choose one of them :)
Coloured Background Blockquote
.post blockquote {
background: #000000;
border-radius:10px;
color: #FFFFFF;
padding: 5px;
-webkit-transition:1s;
}
.post blockquote:hover {
background: #FFFFFF;
border-radius:15px;
color: #000000;
padding: 5px;
-webkit-transition:1s;
}
Small notes : Change the bold words using your creativity. Color represent the font colour. -webkit-transition:1s; is the slowness of blockquote hover.
Picture Background Blockquote
.post blockquote {
background: url(URL BG) repeat;
border-radius:10px;
color: #FFFFFF;
padding: 5px;
-webkit-transition:1s;
}
.post blockquote:hover {
background: url(URL BG) repeat;
border-radius:15px;
color: #000000;
padding: 5px;
-webkit-transition:1s;
}
Small notes : Change the bold words using your creativity. Color represent the font colour. -webkit-transition:1s; is the slowness of blockquote hover.
Labels: Tutorial
Profile
The Girl Behind The Laptop
★ In short, I am :
• A malay muslim.
• Lives in Terengganu, studies in Selangor.
★ Bloggie :
• Created since 24 November 2009, five days after celebrating my 10th birthday.
• Created by
Ummi because I was interested in blogging when I saw she's updating her blog.
• Sesuci Kejora has been here for almost 11 years. Big applause :')