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) ;}
"Semoga Bermanfaat"
