How would I add this kind of transition code to the image sprite?

How would I add this kind of transition code to the image sprite?
https://jsfiddle.net/cgtp7pmq/1/

Code:

.example4 {

      background: url(https://gordonlesti.com/media/post/css-background-transitions-with-image-sprites/sprite.png) 0px 0px no-repeat;

      position: relative;

      width: 200px;

      height: 200px;

    }

    

    .example4::after {

      content: "";

      background: url(https://gordonlesti.com/media/post/css-background-transitions-with-image-sprites/sprite.png) -200px 0px no-repeat;

      opacity: 0;

      transition: opacity 0.5s;

      position: absolute;

      top: 0;

      right: 0;

      bottom: 0;

      left: 0;

    }

    

    .example4:hover::after {

      opacity: 5;

      transition: opacity 0.5s;

    }

Image Sprite
https://jsfiddle.net/1qrsd9ks/28/1

Would it be possible with this type of code?

Transition on mouse click.

برچسب: نویسنده: آیلین رضوانی تاريخ: شنبه 18 آذر 1396 ساعت: 4:01

درباره سایت

آخرین مطالب

امکانات وب

How would I add this kind of transition code to the image sprite?

صفحه بندی

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه