pure css3 accordion

Back to Tutorail

css 3.0 maker is a fabulous tool. you can define box radii, gradients, text shadows, box shadows, transforms, transitions and rotations by adjusting a few sliders. a preview area shows the result and indicates which desktop and mobile browsers support the properties. css code can be copied from the codeview box and downloaded within an html file which demonstrates the effect.

home

lorem ipsum nec ex prompta tractatos. ea elit sale admodum vim, at velit nemore rationibus per. ullum qualisque dissentias ei qui, in putent doctus cotidieque mei. mel legere mucius ne, adhuc impetus signiferumque cu eos. has an zzril soluta impetus. an nisl graece inciderint nec, ea per rebum animal, prodesset accommodare ex eam.

about us

lorem ipsum nec ex prompta tractatos. ea elit sale admodum vim, at velit nemore rationibus per. ullum qualisque dissentias ei qui, in putent doctus cotidieque mei. mel legere mucius ne, adhuc impetus signiferumque cu eos. has an zzril soluta impetus. an nisl graece inciderint nec, ea per rebum animal, prodesset accommodare ex eam.

products

lorem ipsum nec ex prompta tractatos. ea elit sale admodum vim, at velit nemore rationibus per. ullum qualisque dissentias ei qui, in putent doctus cotidieque mei. mel legere mucius ne, adhuc impetus signiferumque cu eos. has an zzril soluta impetus. an nisl graece inciderint nec, ea per rebum animal, prodesset accommodare ex eam.

services

lorem ipsum nec ex prompta tractatos. ea elit sale admodum vim, at velit nemore rationibus per. ullum qualisque dissentias ei qui, in putent doctus cotidieque mei. mel legere mucius ne, adhuc impetus signiferumque cu eos. has an zzril soluta impetus. an nisl graece inciderint nec, ea per rebum animal, prodesset accommodare ex eam.

contact us

lorem ipsum nec ex prompta tractatos. ea elit sale admodum vim, at velit nemore rationibus per. ullum qualisque dissentias ei qui, in putent doctus cotidieque mei. mel legere mucius ne, adhuc impetus signiferumque cu eos. has an zzril soluta impetus. an nisl graece inciderint nec, ea per rebum animal, prodesset accommodare ex eam.

css 3.0 maker is a fabulous tool. you can define box radii, gradients, text shadows, box shadows, transforms, transitions and rotations by adjusting a few sliders. a preview area shows the result and indicates which desktop and mobile browsers support the properties. css code can be copied from the codeview box and downloaded within an html file which demonstrates the effect. photoshop users will love layerstyles. css3 effects are defined using a layer style dialog which will be immediately familiar to anyone using adobe products. it’s easy, logical, and a joy to use. css3 effects are defined using a layer style dialog using adobe products.

the sandbox has been developed by css3 guru and sitepoint contributer john allsopp. gradients, text effects, box properties and transforms can be easily adjusted using sliders. the resulting code and preview window is dynamically updated accordingly.
css3 effects can produce great-looking buttons without images. the css3 button generator allows you to tweak the font, padding, border, background gradient, inner shadow, drop shadow and text shadows using up/down controls which can be easier and more logical than sliders