Category

CSS

Category

CSS Media queries are an outstanding way to provide distinctive styles to different devices that’s the most excellent experience for every user. A part of the CSS3 specification as the role of the media attribute has been extended by CSS media queries which helps to let you know that how to control the style you applied.

In this Snippet you can easily apply transparency to any supportive element by adding the following CSS code in your style-sheet. Also, remember to replace selector with the target element of your choice. [css] .selector { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, old safari */ -moz-opacity: 0.5; /* mozilla, netscape */ opacity: 0.5; /* fx, safari, opera */ } [/css] View source →

Bootstrap is a great CSS and Javascript framework. One of its brilliant features is the dropdown menu, which gets expanded when you click on it. In order to make it expand on mouse hover, you can just put this CSS inside your style sheet. [css] ul.nav li.dropdown:hover ul.dropdown-menu{ display: block; } /* if you want to hide the arrow */ a.menu:after, .dropdown-toggle:after { content: none; } [/css] Source