How do you apply a basic opacity transition to an element on hover? - Study24x7
Social learning Network

Warning: include(./views/auth.php): failed to open stream: Permission denied in /var/www/html/live/loginRightSlider.php on line 18

Warning: include(): Failed opening './views/auth.php' for inclusion (include_path='.:/usr/share/php') in /var/www/html/live/loginRightSlider.php on line 18

Warning: count(): Parameter must be an array or an object that implements Countable in /var/www/html/live/makepost.php on line 52
Karan Singh
01 Jan 1970 05:30 AM study24x7 study24x7

How do you apply a basic opacity transition to an element on hover?

A

.element:hover { transition: opacity 0.5s ease; opacity: 0.5; }

B

.element { transition: opacity 0.5s ease-in-out; } .element:hover { opacity: 0.5; }

C

.element { opacity: 1; } .element:hover { opacity: 0.5; transition: 0.5s; }

D

All of the above

Web Development
Like Comment Share
study24x7
Write a comment
Related Questions
500+   more Questions to answer

Get the App

Download the Study24x7 App, so you can connect and collaborate.

study24x7
study24x7
Most Related Articles