Générateur de multi-colonnes en CSS3

UPDATED - nouvelles fonctionnalités HTML5 - sliders
4 4
20 20
1 1

Résultat

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent fringilla ultricies nisi, at pulvinar elit accumsan et. Suspendisse sem est, consectetur eu pulvinar ac, sollicitudin quis mi. In massa dui, lacinia id vestibulum pellentesque, vulputate ut elit. Aenean egestas ultricies augue, vel dignissim lorem rhoncus eget. Vestibulum dui orci, laoreet ac feugiat id, facilisis eget dolor. Aliquam eu elit eu sapien suscipit sodales at at quam. Nunc leo libero, eleifend nec dictum eu, luctus in odio. Ut pretium dolor sed sapien vulputate euismod commodo nisi posuere. Vivamus ac mi vitae dui vehicula rhoncus. Praesent iaculis lacinia consectetur.

Code à copier

-moz-column-count: 4;
-webkit-column-count: 4;
-o-column-count: 4;
column-count: 4;
-moz-column-gap: 20px;
-webkit-column-gap: 20px;
-o-column-gap: 20px;
column-gap: 20px;
-moz-column-rule: 1px dotted #cbcefb;
-webkit-column-rule: 1px dotted #cbcefb;
-o-column-rule: 1px dotted #cbcefb;
column-rule: 1px dotted #cbcefb;

Faire un don pour m'aider
à continuer d'améliorer le site

Référencé par :
Design Hack | 20+ Free CSS3 Code Generators
Technology to software : 11 Best CSS3 Generators To Save Your Valuable Time
adnanbekir : 15 Best CSS3 Generators
istebuu.com
parablog : 15 générateurs de feuilles de style CSS3
Web Design : Free CSS3 Code Generators
reencoded : 15 Best CSS3 Generators For Lazy Designers
marked lines : 14 CSS3 Smashing Generators

Autres outils que vous pourriez aimer

retourner en haut de la page