Check out the demos to know what we are going to achieve with pure CSS.
Pure CSS tab Pure CSS Image lightbox Pure CSS notification
Basics of target
Target is a css3 selector. You can select an element using fragment identifier & id.
Clicking on a link with anchor identifier bring you to certain part of the page
By using :target css3 selector we can select the element with same id & can apply style.
Using this we are going to create a tab, image gallery & notification only using CSS. Following codes are bare minimum requirement to build each modules. Please refer each demo’s code for more styling & animation.