Squirry - SPIP 1.92 - Site de tests Version php utilisée actuellement : 5.6.31 Squirry - SPIP 1.92 - Site de tests Version php utilisée actuellement : 5.6.31
spip192.jermer.fr
Accueil du site > Outils > Coins arrondis Rounded corners CSS3
Version php utilisée actuellement : 5.6.31

Coins arrondis Rounded corners CSS3

mardi 22 septembre 2009


Remarque : l’effet souhaité est obtenu sur :
Firefox 3.52
Chrome 2
Safari 4.0.3
Flock 2.52

et pas sur :
Opera 9.64
Internet Explorer 8

Voir : Spip 1.91 1.92 Plugin curvyCorners 0.1

Fully rounded !

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan iaculis sapien. Vivamus ipsum nulla, sollicitudin eu, iaculis vestibulum, dignissim eget, tortor. Cras elementum eros et mauris. Aliquam ut nibh id magna pellentesque faucibus. Cras purus velit, venenatis eu, dapibus ac, sodales ut, nisl. Phasellus volutpat pellentesque lectus. Aliquam sit amet felis vitae mauris dictum laoreet. Mauris vel neque sit amet justo facilisis ultricies. Duis tempus sem sit amet purus. Donec commodo posuere nulla. Donec euismod sollicitudin arcu.

All of the corners are rounded

Code css :

#container1 {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width:500px;
background:#eeeeee;
border-color:#DEDEDE;
}

.content {
padding: 10px;
}

Code html :

<div id="container1">
<div class="content">
<h3>Fully rounded!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi accumsan iaculis sapien. Vivamus ipsum nulla, sollicitudin eu, iaculis vestibulum, dignissim eget, tortor. Cras elementum eros et mauris. Aliquam ut nibh id magna pellentesque faucibus. Cras purus velit, venenatis eu, dapibus ac, sodales ut, nisl. Phasellus volutpat pellentesque lectus. Aliquam sit amet felis vitae mauris dictum laoreet. Mauris vel neque sit amet justo facilisis ultricies. Duis tempus sem sit amet purus. Donec commodo posuere nulla. Donec euismod sollicitudin arcu.</p>

<p><strong><em>All of the corners are rounded</em></strong></p>
</div>
</div>

Voir le site http://www.james-blogs.com/2009/02/...



Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | SPIP

34 plugins actifs avec Spip 1.9.2o [19288]

En utilisant ce site, vous acceptez l’utilisation de cookies à des fins de personnalisation du contenu.


 
2009-09-22 23:19:21