Hello There, Guest! RegisterLogin with Facebook
Login with Facebook

>>> Anna University Sixth Semester Question Bank Collection (R2013) ECE,MECH,CSE,IT,EEE,CIVIL,EIE
>>> Anna University Study Materials for all Departments
>>> Anna University Question Papers : April May June 2015 Question Papers | Nov Dec 2014 and Jan 2015 Question Papers

Register or Login to Submit Study Materials , Shoutbox and also to access Many Features !!

Vidyarthiplus Shop :: Handwritten Premium Lecture Notes
Share your Study Materials with us
Share your Study Materials with us : Click Here

CSS: Opacity hover effect

hi folks , today i gonna show you a effect of css3 which is called opacity

ok lets learn it

ok to work with css first we need to assign a class or division to it so, lets do it now for example

PHP Code:
<class="test"this is a test </p

ok now lets target it with css3 ,

to do it type the following code
PHP Code:

now #test here = your class that you assigned
now opacity in css is described in decimals of 1

for example 0.7 = 70%

now css3 does not work in IE 9 or lower

to fix that

type in following to the end..

PHP Code:
/* for IE 9 or lower only*/ 

now when you hover the mouse over the paragraph , it will reduce the opacity to 50 %

hope this helped you Wink

[Image: An9XX.gif]



Recommend on Google

Vidyarthiplus Whatsapp