This example shows you how to create custom tooltips, using just a pure CSS. In this examples we use “transform” feature of the CSS3 and some other tricks.
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.
Changing the text selection color is always a nice touch, it shows that you’re paying attention to the finer details of the site.
Today in this snippet we share a quick tip that will allow you to achieve some different looks for your selected text.
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