• Share

Expandable box using CSS

Free Website

In HTML, if you don’t specify a specific width, block-level elements are vertically expandable by their nature. Think of an unordered list. That list will grow be be as big as it needs to be to fit all of it’s list elements. If a user increases the font size in their browser, the list will expand vertically, growing to fit the larger content. Sometimes it feels like vertical-only expansion is limiting and it would be nice if the element could grow horizontally as well as vertically with a font size increase by the user.

Features include:
* Works in all major browsers
* Expands both vertically and horizontally
* Uses a single background image

Expandable box using CSS

Expandable box using CSS

Resource: Sample | Tutorial

Related posts:

  1. SqueezeBox – Expandable Lightbox – MooTools Plugin
  2. Awesome customizable layout plugin using jQuery
  3. Elastic Textarea Fields – jQuery Plugin
  4. Create fancy share box with CSS and jQuery
  5. Scroll your Div horizontally using jQuery

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>