Category: css
Grid system in Bootstrap
Grid system is the main feature of bootstrap. we can divide the container into 12 sections and use those section based on our needs(based on the width of each section in our website design. there 4 cl... Read More
what is bootstrap?
bootstrap is a html – css framework mainly used for making responsive websites. Bootstrap have some predefined classes, using those classes we can make the website responsive to all device easil... Read More
Expansion of “RBGA” colors in css?
Red,Blue, Green colors with opacity(alpha channel. rgba(255,0,0,1.0) css property: background-color:rgba(255,0,0,1.0);... Read More
Responsive style media query in stylesheet
/**********************************//***************iPhone Landscape*************/ @media only screen and (max-width: 767px) and (min-width: 480px){ } /***************iPhone Portrait**************/ @m... Read More
Browser Specific styles inside stylesheet itself
style specific mozilla ======== @-moz-document url-prefix() { } style specific chrome ======== @media screen and (-webkit-min-device-pixel-ratio:0) { div{top:0;} }... Read More
Position change effect once hover on the div
Include below css in your stylesheet for hover for the div: .form_social img:hover { box-shadow: 0 10px 20px rgba(0,0,0,0.1); top: -10px; } .form_social img { width: 32px; margin-top: 3px; }... Read More
Bounce effect for a div once over the mouse on the div using CSS
Add class “bounce” for the div in which you need to add bounce effect, and include below css in your stylesheet: .bounce { display: inline-block; vertical-align: middle; -webkit-transform:... Read More
CSS media queries not working
Add following meta tag inside head tag : <meta name="viewport" content="width=device-width" />... Read More