rotate from right Hover Effect

Rotate From Right

What you need to know:

  • How to speed up or slow down hover? - In transition you have time (.2s), increase or decrease that number if you want to change it. If your time is less then 1s then you dont need to use 0, if its bigger, then just write "1.5s" or anything you need.
  • Can i change button look ? - Of course, that styles are basics styles, everything in 'You can change it' can be replaced.
  • Is it work on all browsers ? - It should, but if you found any problems, just please report them to me.
  • I need webkits ? - If you are using Sass with auto prefixer then no, If you dont use Sass then i suggest to have them, because of older browsers.

HTML

<button class="bg-hvr9">csshover.com</button>

CSS


.bg-hvr9 {
/*You can change it*/
color: #fff;
padding: 20px;
font-size: 22px;
border: 2px solid #fff;
/*You Should leave that*/
cursor: pointer;
position: relative;
background-color: transparent;
overflow: hidden;
}
.bg-hvr9::before {
content: '';
width: 0;
height: 200%;
right: 0;
bottom: 0;
-webkit-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
transition: .2s ease-in-out;
position: absolute;
background-color: #2ECC71;
z-index: -1;
}
.bg-hvr9:hover::before {
width: 100%;
transform: rotate(180deg);
}

This Post Has 95 Comments

  1. Hi. I see that you don’t update your page too often. I know that writing
    articles is boring and time consuming. But did you know that there is a tool that allows you to create new articles using existing content (from article directories or
    other blogs from your niche)? And it does it very well.

  2. Bardzo ciekawy artykuł. Dodałem go do moich zakladek
    na pewno tu wroce.

  3. I’m not that much of a online reader to be honest
    but your blogs really nice, keep it up! I’ll go ahead and bookmark your site to come back down the
    road. Cheers

  4. Hello. I have checked your csshover.com and i see you’ve got some duplicate content so probably it is
    the reason that you don’t rank high in google. But you can fix
    this issue fast. There is a tool that generates content like human, just search in google:
    miftolo’s tools

  5. I am in fact pleased to read this web site posts which includes
    lots of valuable facts, thanks for providing these kinds of data.

  6. If some one wants expert view regarding blogging and
    site-building after that i advise him/her to pay a quick visit this webpage, Keep up the fastidious work.

  7. There is certainly a lot to learn about this topic. I really like all the points you made.

  8. Good post. I be taught something tougher on totally different blogs everyday. It would always be stimulating to read content from other writers and practice slightly something from their store. I抎 prefer to use some with the content on my weblog whether or not you don抰 mind. Natually I抣l provide you with a hyperlink in your net blog. Thanks for sharing.

  9. I was more than happy to seek out this net-site.I wanted to thanks on your time for this excellent learn!! I definitely enjoying each little bit of it and I have you bookmarked to check out new stuff you weblog post.

  10. Spot on with this write-up, I actually suppose this web site needs far more consideration. I抣l in all probability be again to learn way more, thanks for that info.

  11. I just want to mention I’m all new to blogs and certainly savored you’re web site. More than likely I’m want to bookmark your site . You surely have good writings. Appreciate it for sharing your web page.

  12. Amazing blog layout here. Was it hard creating a nice looking website like this?

  13. Amazing blog layout here. Was it hard creating a nice looking website like this?

  14. How long does a copyright last on newspaper articles?. . If a service copies newspapers articles and then posts it in a database on the Internet, is there also a copyright on the Internet content?.

  15. How long does a copyright last on newspaper articles?. . If a service copies newspapers articles and then posts it in a database on the Internet, is there also a copyright on the Internet content?.

  16. How long does a copyright last on newspaper articles?. . If a service copies newspapers articles and then posts it in a database on the Internet, is there also a copyright on the Internet content?.

  17. I just want to say I am very new to blogs and truly savored you’re web site. More than likely I’m likely to bookmark your website . You amazingly come with superb articles and reviews. Regards for sharing your webpage.

  18. How long does a copyright last on newspaper articles?. . If a service copies newspapers articles and then posts it in a database on the Internet, is there also a copyright on the Internet content?.

  19. Amazing blog layout here. Was it hard creating a nice looking website like this?

  20. I just want to say I am very new to blogs and truly savored you’re web site. More than likely I’m likely to bookmark your website . You amazingly come with superb articles and reviews. Regards for sharing your webpage.

  21. Amazing blog layout here. Was it hard creating a nice looking website like this?

  22. I just want to mention I’m all new to blogs and certainly savored you’re web site. More than likely I’m want to bookmark your site . You surely have good writings. Appreciate it for sharing your web page.

  23. Amazing blog layout here. Was it hard creating a nice looking website like this?

  24. Amazing blog layout here. Was it hard creating a nice looking website like this?

  25. I just want to mention I’m all new to blogs and certainly savored you’re web site. More than likely I’m want to bookmark your site . You surely have good writings. Appreciate it for sharing your web page.

  26. Amazing blog layout here. Was it hard creating a nice looking website like this?

  27. There’s definately a lot to find out about this subject.
    I really like all of the points you made.

  28. Only wanna tell that this is extremely helpful, Thanks for taking your time to write this.

  29. Your positions continually have got a lot of really up to date info. Where do you come up with this? Just saying you are very resourceful. Thanks again

  30. I just want to mention I’m all new to blogs and certainly savored you’re web site. More than likely I’m want to bookmark your site . You surely have good writings. Appreciate it for sharing your web page.

  31. How long does a copyright last on newspaper articles?. . If a service copies newspapers articles and then posts it in a database on the Internet, is there also a copyright on the Internet content?.

  32. Amazing blog layout here. Was it hard creating a nice looking website like this?

  33. I just want to mention I’m all new to blogs and certainly savored you’re web site. More than likely I’m want to bookmark your site . You surely have good writings. Appreciate it for sharing your web page.

  34. I wish to show my gratitude for your kindness for individuals that require guidance on this one subject matter. Your very own dedication to getting the message all around appears to be really good and has in every case empowered ladies much like me to realize their objectives. Your personal invaluable help and advice indicates much to me and somewhat more to my colleagues. Thanks a lot; from all of us.

  35. You made some decent factors there. I appeared on the internet for the issue and found most people will associate with with your website.

  36. thank you web site admin

  37. thank you web site admin

  38. I am usually to running a blog and i actually recognize your content. The article has really peaks my interest. I am going to bookmark your site and keep checking for new information.

  39. Only wanna tell that this is extremely helpful, Thanks for taking your time to write this.

  40. I just want to say I am very new to blogs and truly savored you’re web site. More than likely I’m likely to bookmark your website . You amazingly come with superb articles and reviews. Regards for sharing your webpage.

  41. How long does a copyright last on newspaper articles?. . If a service copies newspapers articles and then posts it in a database on the Internet, is there also a copyright on the Internet content?.

  42. Only wanna tell that this is extremely helpful, Thanks for taking your time to write this.

  43. You made some decent factors there. I appeared on the internet for the issue and found most people will associate with with your website.

  44. I just want to mention I’m all new to blogs and certainly savored you’re web site. More than likely I’m want to bookmark your site . You surely have good writings. Appreciate it for sharing your web page.

  45. Amazing blog layout here. Was it hard creating a nice looking website like this?

  46. Your positions continually have got a lot of really up to date info. Where do you come up with this? Just saying you are very resourceful. Thanks again

  47. I am usually to running a blog and i actually recognize your content. The article has really peaks my interest. I am going to bookmark your site and keep checking for new information.

  48. Amazing blog layout here. Was it hard creating a nice looking website like this?

  49. I just want to mention I’m all new to blogs and certainly savored you’re web site. More than likely I’m want to bookmark your site . You surely have good writings. Appreciate it for sharing your web page.

  50. How long does a copyright last on newspaper articles?. . If a service copies newspapers articles and then posts it in a database on the Internet, is there also a copyright on the Internet content?.

  51. Amazing blog layout here. Was it hard creating a nice looking website like this?

  52. I wish to show my gratitude for your kindness for individuals that require guidance on this one subject matter. Your very own dedication to getting the message all around appears to be really good and has in every case empowered ladies much like me to realize their objectives. Your personal invaluable help and advice indicates much to me and somewhat more to my colleagues. Thanks a lot; from all of us.

  53. I wish to show my gratitude for your kindness for individuals that require guidance on this one subject matter. Your very own dedication to getting the message all around appears to be really good and has in every case empowered ladies much like me to realize their objectives. Your personal invaluable help and advice indicates much to me and somewhat more to my colleagues. Thanks a lot; from all of us.

  54. Amazing blog layout here. Was it hard creating a nice looking website like this?

  55. I just want to say I am very new to blogs and truly savored you’re web site. More than likely I’m likely to bookmark your website . You amazingly come with superb articles and reviews. Regards for sharing your webpage.

  56. I wish to show my gratitude for your kindness for individuals that require guidance on this one subject matter. Your very own dedication to getting the message all around appears to be really good and has in every case empowered ladies much like me to realize their objectives. Your personal invaluable help and advice indicates much to me and somewhat more to my colleagues. Thanks a lot; from all of us.

  57. You made some decent factors there. I appeared on the internet for the issue and found most people will associate with with your website.

  58. I just want to say I am very new to blogs and truly savored you’re web site. More than likely I’m likely to bookmark your website . You amazingly come with superb articles and reviews. Regards for sharing your webpage.

  59. I just want to say I am very new to blogs and truly savored you’re web site. More than likely I’m likely to bookmark your website . You amazingly come with superb articles and reviews. Regards for sharing your webpage.

  60. How long does a copyright last on newspaper articles?. . If a service copies newspapers articles and then posts it in a database on the Internet, is there also a copyright on the Internet content?.

  61. Thanks-a-mundo for the blog.Really looking forward to read more. Awesome.

  62. I just want to mention I’m all new to blogs and certainly savored you’re web site. More than likely I’m want to bookmark your site . You surely have good writings. Appreciate it for sharing your web page.

  63. I wish to show my gratitude for your kindness for individuals that require guidance on this one subject matter. Your very own dedication to getting the message all around appears to be really good and has in every case empowered ladies much like me to realize their objectives. Your personal invaluable help and advice indicates much to me and somewhat more to my colleagues. Thanks a lot; from all of us.

  64. I just want to mention I’m all new to blogs and certainly savored you’re web site. More than likely I’m want to bookmark your site . You surely have good writings. Appreciate it for sharing your web page.

  65. How long does a copyright last on newspaper articles?. . If a service copies newspapers articles and then posts it in a database on the Internet, is there also a copyright on the Internet content?.

  66. I wish to show my gratitude for your kindness for individuals that require guidance on this one subject matter. Your very own dedication to getting the message all around appears to be really good and has in every case empowered ladies much like me to realize their objectives. Your personal invaluable help and advice indicates much to me and somewhat more to my colleagues. Thanks a lot; from all of us.

  67. I am usually to running a blog and i actually recognize your content. The article has really peaks my interest. I am going to bookmark your site and keep checking for new information.

  68. I just want to say I am very new to blogs and truly savored you’re web site. More than likely I’m likely to bookmark your website . You amazingly come with superb articles and reviews. Regards for sharing your webpage.

  69. Amazing blog layout here. Was it hard creating a nice looking website like this?

Leave a Reply