Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
<style> blockquote{ border-top:5px double #ffd5d5; border-bottom:5px double #ffd5d5; border-radius:13px; padding:4px; width:400px; font-family:verdana; font-size:12px; color:#b2bb2; } blockquote:hover{ opacity: 1; -webkit-transition:1.2s; -webkit-transform: rotate(-358deg); -moz-transform: rotate(-358deg); /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.3, transparent), to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-box-shadow: 20px 0px 20px rgba(5255,5255,5255,4.8); -moz-box-shadow: 20px 0px 20px rgba(5255,255,255,4.8); box-shadow: 20px 0px 20px rgba(5255,255,255,4.8); } </style>
|
Thankyou for visiting.
I make some blog tutorial here & I hope you like it.
*No repost (just backlink if you want to share)
*All tutors are mine unless stated
|
Blogskin/Classic template :
1. paste code after </style>
1. paste code into HTML/JavaScript
<style> blockquote{ border-top:5px double #ffd5d5; border-bottom:5px double #ffd5d5; border-radius:13px; padding:4px; width:400px; font-family:verdana; font-size:12px; color:#b2bb2; } blockquote:hover{ opacity: 1; -webkit-transition:1.2s; -webkit-transform: rotate(-358deg); -moz-transform: rotate(-358deg); /*Reflection*/ -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.3, transparent), to(rgba(0,0,0,0.4))); /*Glow*/ -webkit-box-shadow: 20px 0px 20px rgba(5255,5255,5255,4.8); -moz-box-shadow: 20px 0px 20px rgba(5255,255,255,4.8); box-shadow: 20px 0px 20px rgba(5255,255,255,4.8); } </style>
|