Display Bootstrap’s Navbar Dropdown Menu On Hover

DEMO Using only 3 simple CSS rules, you can have your Bootstrap’s navbar menu dropdown display on hover seamlessly.  Below is the CSS code:

Advertisements

Web Design: A Text Animation Exercise and More

With CSS3 transitions you can animate text as well as other elements in your web page without any JavaScript.  See my demo at http://rodansotto.com/projects/css/TransitionIAmTitanium.html (just move mouse to center box to animate text and outside box to return to original state).  In there I am also using a custom web font using CSS3 rule @font-face, …

Continue reading Web Design: A Text Animation Exercise and More

Web Design: A Fluid Layout Exercise

Using CSS media queries is one part of making your web site responsive but you are limited to specific viewports.  Having a fluid layout on top of that will greatly improve the responsiveness and makes it more future proof.  In CSS, you can implement a fluid layout by sizing your elements’ horizontal dimensions in proportion …

Continue reading Web Design: A Fluid Layout Exercise