Advertisement
abuiyad

custom-labels-widgets-stylish-cool-effects style02

Dec 28th, 2014
331
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.49 KB | None | 0 0
  1. .label-size{
  2.  margin:0;
  3.  padding:0;
  4.  position:relative;
  5.  
  6.  }
  7.  .label-size a{
  8.  float:left;
  9.  height:18px;
  10.  line-height:18px;
  11.  position:relative;
  12.  font:14px verdana;
  13.  margin-bottom: 9px;
  14.  margin-left:10px;
  15.  padding:10px;
  16.  color: #fff;
  17.  background: #48C9FF;
  18.  background: -webkit-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);
  19.  background: -moz-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);
  20.  background: -ms-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);
  21.  background: -o-linear-gradient(top, #48C9FF 0%, #2EA8E5 100%);
  22.  background: linear-gradient(to bottom, #48C9FF 0%, #2EA8E5 100%);
  23.  text-shadow: #29a3cc 0 1px 3px;
  24.  text-decoration:none;    
  25.  border-top-left-radius: 10px 50px;
  26.  border-bottom-left-radius: 10px 50px;
  27.  border-top-right-radius: 10px 50px;
  28.  border-bottom-right-radius: 10px 50px;
  29.  -moz-border-radius-topleft: 10px 50px;
  30.  -moz-border-radius-topright: 10px 50px;
  31.  -moz-border-radius-bottomright: 10px 50px;
  32.  -moz-border-radius-bottomleft: 10px 50px;
  33.  -webkit-transition: all 0.5s ease;
  34.  -moz-transition: all 0.5s ease;
  35.  -ms-transition: all 0.5s ease;
  36.  -o-transition: all 0.5s ease;
  37.  transition: all 0.5s ease;
  38.  }
  39.  
  40. .label-size a:hover
  41. {
  42.  -moz-border-radius-topleft: 50px 50px;
  43.  -moz-border-radius-topright: 50px 50px;
  44.  -moz-border-radius-bottomright: 50px 50px;
  45.  -moz-border-radius-bottomleft: 50px 50px;
  46.  border-top-left-radius: 50px 50px;
  47.  border-bottom-left-radius: 50px 50px;
  48.  border-top-right-radius: 50px 50px;
  49.  border-bottom-right-radius: 50px 50px;
  50. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement