main

post

tutorlist

my blog

0 comment
Blockquote hover 02

Blogskin/Classic template :
1. paste code after </style>

Simple template :
1. paste code into HTML/JavaScript

{Style 1}

Cuba letakkan cursor dekat sini

Code :
blockquote{
padding:10px;
overflow-x:auto;
color:#444;
border-left:10px groove #eee;
border-right:10px groove #969696;
;-webkit-transition:.4s;
}
blockquote:hover{
padding:10px;
overflow-x:auto;
border-top:10px groove #eee;
border-bottom:10px groove #eee;
border-left:10px groove #eee;
border-right:10px groove #969696;
-webkit-transition:.4s;
}
{Style 2}

Cuba letakkan cursor dekat sini

Code :
blockquote{
padding:10px;
width:400px;
overflow-x:auto;
color:#444;
border: 8px outset #F7D358 ;
}
blockquote:hover{
padding:10px;
overflow-x:auto;
border-top:10px groove #eee;
border-bottom:10px groove #eee;
border-left:10px groove #eee;
border-right:10px groove #969696;
-webkit-transition:.4s;
}
 {Style 3}

Cuba letakkan cursor dekat sini

Code :
blockquote{
padding:10px;
width:400px;
overflow-x:auto;
color:#444;
border-style: ridge;
border-color:  #F7D358;
border-width: 15px; }
}
blockquote:hover{
padding:10px;
overflow-x:auto;
border-style: ridge;
border-color:  #F3F781;
-webkit-transition:.4s;
}