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!!!