Demonya di atas post saya, nah saya akan memberi tau bagaimana Cara Membuat Banner Terseludup CSS3
tetapi ini versi saya :)
cmn perubahan ukurang height doang
CSS
#bannersft{margin-top:-10px;margin-left:0px;width:970px;height:28px;background:#fff;border:3px solid#0000ff;border-radius:30px;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;overflow:hidden;box-shadow: 0 0 10px #00d;}
#bannersft:hover{height:65px;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7We-K2oyWSZCcKwsvGrzoX43uzrWz24lfQhdxbmeGtYzRB1t-BpgdBbfOhbl-TO_MEjBwniXdLzLpU0LIshIKqW46z_VYAxm0xFp14MTAsMYLibxdA3CVp9HWwQuF56JZjXMfA9oPmyA/s1600/code-bg.png") ;}
.sftdarknessimage{
border: 1px solid #00d;
border-radius: 30px;
}
.sftdarknessimage:hover{
border: 1px solid #00d;box-shadow: 0 0 15px #ff0000;
border-radius: 30px 0px 30px 0px;
}
#tulisanbannersft{color:#00d;font-family: 'Revalia', cursive;font-weight: bold;font-size: 15pt;text-align:center;border-bottom:6px solid #000;box-shadow: 0 0 10px #00d;background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7We-K2oyWSZCcKwsvGrzoX43uzrWz24lfQhdxbmeGtYzRB1t-BpgdBbfOhbl-TO_MEjBwniXdLzLpU0LIshIKqW46z_VYAxm0xFp14MTAsMYLibxdA3CVp9HWwQuF56JZjXMfA9oPmyA/s1600/code-bg.png") ;}
HTML
<div id='bannersft'><div id='tulisanbannersft'>Brother and Sister Web</div>
<a href="urlblog"><img alt="Go! Blog" src="http://i.imgur.com/YGRzcYf.png"class="sftdarknessimage" title="visit now" /></a></div>
Keterangan Kode URLBLOG ganti dengan url blog tsb,dan url http://i.imgur.com/YGRzcYf.png ganti dgn url gambar tsb!
Title : CSS3 Banner Terseludup
Description : Demonya di atas post saya, nah saya akan memberi tau bagaimana Cara Membuat Banner Terseludup CSS3 tetapi ini versi saya :) cmn perubaha...
