Kumpulan Block Quote Keren Dengan CSS

Assalam'ualaikum, Kali Ini Dark Akan Akan Membagikan Blockquote Keren Dengan CSS, Blockquote Ini Buatan Saya Sendiri..

1. Blue Blockquote

[Demo Here]

CSS :

blockquote {border:double 7px #0048ff;
-moz-border-radius: 38px;
-webkit-border-radius: 38px;
border-radius: 38px;
}
blockquote:hover {border:double 7px #0048ff;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;}


2. Elegant Blockquote

[Demo Here]

CSS :

 blockquote {border:dashed 7px #0048ff;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
transform: skew(25deg, 0deg) ;
-webkit-transform: skew(25deg, 0deg) ;
-moz-transform: skew(25deg, 0deg) ;
-o-transform: skew(25deg, 0deg) ;
-ms-transform: skew(25deg, 0deg) ;}
blockquote:hover {border:dashed 7px #0048ff;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;transform: skew(-25deg, 0deg) ;
-webkit-transform: skew(-25deg, 0deg) ;
-moz-transform: skew(-25deg, 0deg) ;
-o-transform: skew(-25deg, 0deg) ;
-ms-transform: skew(-25deg, 0deg) ;}

Kali Ini Dua Aja Dulu Nanti Saya Tambahkan..
Semoga Bermanfaat!!!

Previous
Next Post »

5 comments

Write comments

[D]ark [K]age

Berkomentarlah Dengan Ramah Dan Sopan
Berkomentarlah Sesuai Postingan
Jangan Komen Spam
Link Aktif Dianggap Spam
Janganlah Berkomentar Menggunakan Anonymous
Blog Ini Sudah Disetting Menjadi Dofollow
Semua Link Download Yg Ada Password, Passwordnya Dark-Kage

Author : Dark Kage EmoticonEmoticon