JasoN_Sy

Hover img to outsidelines button/a

Dec 1st, 2016
158
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 1.39 KB | None | 0 0
  1. #main .ow-button-base .ow-button-hover {
  2.     border-radius: 0px;
  3.     text-transform: uppercase;
  4.     border: 2px solid #545454;
  5.     color: #545454 !important;
  6.     background: transparent;
  7.     font-size: 14px;
  8.     font-weight: 600;
  9.     padding: 8px 25px 7px 25px;
  10.     box-shadow: none;
  11.     text-shadow: none;
  12.     background-repeat: no-repeat !important;
  13.     background-position: center !important;
  14.     background-size: 0 50px;
  15.     -moz-transition: background-color .8s,background-size .3s ease-out,color .5s,-moz-box-shadow .4s;
  16.     -o-transition: background-color .8s,background-size .3s ease-out,color .5s,-o-box-shadow .4s;
  17.     -webkit-transition: background-color .8s,background-size .3s ease-out,color .5s,-webkit-box-shadow .4s;
  18.     transition: background-color .8s,background-size .3s ease-out,color .5s,box-shadow .4s;
  19.     background-image: url(/wp-content/uploads/2016/11/buttonhoverblackblock2.png) !important;
  20.  
  21. }
  22. #main .ow-button-base .ow-button-hover:hover {
  23.     background-size: 115% 50px;
  24.     color: #FFFFFF !important;
  25.     background-color: #545454;
  26.     -moz-transition: background-color .8s,background-size .3s ease-out,color .5s,-moz-box-shadow .4s;
  27.     -o-transition: background-color .8s,background-size .3s ease-out,color .5s,-o-box-shadow .4s;
  28.     -webkit-transition: background-color .8s,background-size .3s ease-out,color .5s,-webkit-box-shadow .4s;
  29.     transition: background-color .8s,background-size .3s ease-in,color .1s,box-shadow .4s;
  30. }
Advertisement
Add Comment
Please, Sign In to add comment