CSS3 : Multiple Backgrounds
CSS3 support multiple background.It supports multiple PNG or color and PNG combinations. Now In latest browsers we can define multiple background for box level elements. Example Two PNG Images, <!DOCTYPE html ><html> <head> <title>Multiple Background Demo</title> <style> .name-container { display: inline-block; margin: 1em; padding: 1em; background-image: url(ball.png), url(tree.png); background-repeat: no-repeat, no-repeat; background-position: left center, right […]
Aspect Ratio Object Fit Property
Aspect Ratio is the proportional ratio between width and height. While displaying an image in browser it is very important to maintain width ratio or else the image appears as Detroit The aspect ratio can be two type display aspect ratio and storage aspect ratio. Handling Aspect Ratio:- object-fit is css3 property to handle aspect […]
Safari Web Inspector Installation in Windows
Download the nightly build of web inspector for windows platform from the link:- http://nightly.webkit.org/ Run Web Kit.exe file. Web Inspector is a debugger tool for developer tool similar to Firebug with Mozilla. Open Settings > preferences and select the check box “Show Develop in Menu Bar“. Check the “Show Menu Bar“, […]
HTML Pseudo Elements And Classes
The HTML Elements are categorized in Real Elements, Pseudo Elements, Real Classes,Pseudo Class. Example of Real Elements and Real Classes, <html> <head> <title>Real Elements And Classes</title> <style> .author-name{ color : green; } </style> </head> <body> <div class="author-name"> Sandeep </div> </body></html> Firebug Inspection: The Firefox and Firebug will display, Now add a css for hover attribute, […]