Don't like ads? PRO users don't see any ads ;-)
Guest

border/glow combo

By: threetwoswag on Aug 5th, 2012  |  syntax: None  |  size: 1.27 KB  |  hits: 680  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <meta name="text:Post Hover Glow Size" content="10px" />
  2. <meta name="color:Post Hover Glow" content="#69c7fa" />
  3. <link rel="stylesheet" type="text/css" href="https://dl.dropbox.com/u/88683665/{Name}.css">
  4. <style type="text/css">
  5.  
  6. .post {
  7. overflow:hidden;  
  8. transition: box-shadow 1s, border 0.5s;
  9. -moz-transition: -moz-box-shadow 1s, border 0.5s; /* Firefox 4 */
  10. -webkit-transition: -webkit-box-shadow  1s, border 0.5s; /* Safari and Chrome */
  11.  
  12.  
  13.  
  14. }
  15.  
  16. .post:hover {z-index: 9999;
  17.  
  18. -moz-box-shadow: 0px 0px {text:Post Hover Glow Size} {text:Post Hover Glow Size} {color:Post Hover Glow};
  19. -webkit-box-shadow: 0px 0px {text:Post Hover Glow Size} {text:Post Hover Glow Size} {color:Post Hover Glow};
  20. box-shadow: 0px 0px {text:Post Hover Glow Size} {text:Post Hover Glow Size} {color:Post Hover Glow};
  21. border: {text:Post Hover Border Thickness} {text:Post Hover Border Type} {color:{Post Hover Border};
  22.  
  23. }</style>
  24. <meta name="text:Post Hover Border Thickness" content="5px" />
  25. <meta name="text:Post Hover Border Type" content="dashed" />
  26. <meta name="color:Post Hover Border" content="#ffffff" />
  27. <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">
  28.  
  29. <!-- PLACE THIS CODE UNDER HEAD -->