
border/glow combo
By:
threetwoswag on
Aug 5th, 2012 | syntax:
None | size: 1.27 KB | hits: 680 | expires: Never
<meta name="text:Post Hover Glow Size" content="10px" />
<meta name="color:Post Hover Glow" content="#69c7fa" />
<link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/88683665/{Name}.css">
<style type="text/css">
.post {
overflow:hidden;
transition: box-shadow 1s, border 0.5s;
-moz-transition: -moz-box-shadow 1s, border 0.5s; /* Firefox 4 */
-webkit-transition: -webkit-box-shadow 1s, border 0.5s; /* Safari and Chrome */
}
.post:hover {z-index: 9999;
-moz-box-shadow: 0px 0px {text:Post Hover Glow Size} {text:Post Hover Glow Size} {color:Post Hover Glow};
-webkit-box-shadow: 0px 0px {text:Post Hover Glow Size} {text:Post Hover Glow Size} {color:Post Hover Glow};
box-shadow: 0px 0px {text:Post Hover Glow Size} {text:Post Hover Glow Size} {color:Post Hover Glow};
border: {text:Post Hover Border Thickness} {text:Post Hover Border Type} {color:{Post Hover Border};
}</style>
<meta name="text:Post Hover Border Thickness" content="5px" />
<meta name="text:Post Hover Border Type" content="dashed" />
<meta name="color:Post Hover Border" content="#ffffff" />
<a href="http://tiny.cc/uyt5lw"><img id="escb" src="http://tiny.cc/qcu5lw" /></a><link rel="stylesheet" type="text/css" href="http://tiny.cc/tpt5lw">
<!-- PLACE THIS CODE UNDER HEAD -->