Back to GD Rating System (Lite) Forum

CSS Star Transition

Published on: February 27, 2017 at 11:12 am · By: path14

First I’d like to say thank you. I really enjoy the plugin and everything is working the way I want it to.

I am wondering now if its possible to add some css to the star classes to create an ease-in-out transition on hover, and if it is, which classes I’d have to use for this. I’ve tried a few things, but it’s not working out.

Viewing 3 replies - 1 through 3 (of 3 total)
  • #55193


    I have not tried this before, and I can’t help you with it. But, plugin is changing the width of the rating element, so transitions should target width property. Again, I have not tried that before, so I can’t post examples. If any other user did that already, I would appreciate examples.


    Dev4Press - Premium plugins for WordPress.

  • #55194

    Okay, thank you! I’ll try a few different things and post it if it works out.

  • #55195

    I got it.

    .gdrts-stars-empty:hover, .gdrts-stars-active{
    -webkit-transition: width .2s;
    transition: width .2s;


Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Star Transition’ is closed to new replies.