03. Changing Image Opacity
It's easy to change the opacity of an image in CSS.
Simply use the opacity property, and specify a decimal number from 0 to 1.0
We haven't learned pseudo-selectors yet, but just know that the :hover attribute attached to a selector gives the style when the mouse hovers over the element.
#sample {
opacity: 1;
height: 250px
}
#sample:hover {
opacity: 0.4;
}Try hovering over the logo to see the transparency!
Build modern and responsive webpages
HTML & CSS
This book teaches HTML as if it's for anyone - hobbyists, students, and professionals - and it's full-color throughout. It utilizes information graphics and lifestyle photography to explain the topics in a simple way that is engaging. You can progress through the chapters from beginning to end or just dip into topics of particular interest at your leisure.
$ Check price
(926+ reviews) Aching back from coding all day?
Self-Massage Tool
Relieve spasms, tight muscles, trigger points and pressure points with the Body Back Buddy! This trigger point massage is designed to help you self-message any area of your body - especially those that are hard to reach. Keeping your muscles relaxes and out of contraction is importan in helping to reduce pain and prevent muscle injury.
$ Check price(3,443+ reviews) Ad