Advertisement
Guest User

Untitled

a guest
Jul 20th, 2017
67
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.96 KB | None | 0 0
  1. a.button {
  2.     color: #000;
  3.     text-decoration: none;
  4.     display: block;
  5.     padding: 15px;
  6.     border: 1px solid #000;
  7.     text-align: center;
  8.     -moz-border-radius: 5px;
  9.     -webkit-border-radius: 5px;
  10.     -o-border-radius: 5px;
  11.     border-radius: 5px;
  12.     background: #FFF;
  13.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#EEE));
  14.     background: -moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);
  15.     -webkit-transition: all .3s ease-in-out;
  16.     -moz-transition: all .3s ease-in-out;
  17.     transition: all .3s ease-in-out;
  18.     -moz-box-shadow: 0px 0px 5px #ccc;
  19.     -webkit-box-shadow: 0px 0px 5px #ccc;
  20.     box-shadow: 0px 0px 5px #ccc;
  21. }
  22.  
  23. a.button:hover {
  24.     color: #888;
  25.     border-color: #888;
  26.     -moz-box-shadow: 0px 0px 0px #ccc;
  27.     -webkit-box-shadow: 0px 0px 0px #ccc;
  28.     box-shadow: 0px 0px 0px #ccc;
  29. }
  30.  
  31. a.button:active {
  32.     background: #EEE;
  33.     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEE), to(#FFF));
  34.     background: -moz-linear-gradient(0% 90% 90deg, #EEE, #FFF);
  35. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement