Posted By

konkas on 05/09/11


Tagged


Versions (?)

animated background button


 / Published in: CSS
 

URL: http://twitcam.livestream.com/stylesheets/screen.css

  1. .twitter_login-button {
  2. cursor: pointer;
  3. background-color: #89cdd1;
  4. background: -moz-linear-gradient(top, #bbe2e5 0%,#89cdd1 3%, #46b1b7 100%);
  5. background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bbe2e5),color-stop(0.03, #89cdd1),color-stop(1, #46b1b7));
  6. filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#89cdd1', EndColorStr='#46b1b7');
  7. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#89cdd1', EndColorStr='#46b1b7')";
  8. -khtml-border-radius: 35px;
  9. -moz-border-radius: 35px;
  10. -webkit-border-radius: 35px;
  11. border-radius: 35px;
  12. border: 1px solid #379ea4;
  13. display: block;
  14. float: right;
  15. font-size: 16px;
  16. color: #fff;
  17. font-weight: normal;
  18. text-shadow: #12656a 0px 1px;
  19. text-align: center;
  20. padding: 6px 40px 8px;
  21. margin: 10px 0 10px;
  22. -webkit-animation-name: glowPulse;
  23. -webkit-animation-duration: 2s;
  24. -webkit-animation-iteration-count: infinite;
  25. }
  26.  
  27. .twitter_login-button:hover {
  28. border: 1px solid #54cdd4;
  29. background: -moz-linear-gradient(top, #bfecef 0%,#91dfe3 3%, #54cdd4 100%);
  30. background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bfecef),color-stop(0.03, #91dfe3),color-stop(1, #54cdd4));
  31. filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#91dfe3', EndColorStr='#54cdd4');
  32. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#91dfe3', EndColorStr='#54cdd4')";
  33. }
  34.  
  35. .twitter_login-button:active {
  36. border: 1px solid #54cdd4;
  37. background: -moz-linear-gradient(top, #49b9bf 0%, #51cbd2 100%);
  38. background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #49b9bf),color-stop(1, #51cbd2));
  39. filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#49b9bf', EndColorStr='#54cdd4');
  40. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#49b9bf', EndColorStr='#51cbd2')";
  41. }

Report this snippet  

You need to login to post a comment.