Layer Style - Générez du CSS3 avec une interface Photoshop like

Layer Styles est un générateur de CSS3 avec une interface très proche de celle de photoshop et les effets sur calques.

Très pratique si vous souhaitez donner une forme particulière à l'un de vos élément HTML, Layer Styles vous permettra de générer très facilement le code CSS3 désiré.

Vous aurez la possibilité de jouer sur les ombres internes et extérieures en changeant leur opacité, angle, distance...

De définir l'arrondissement des angles avec la propriété border-radius.

Changer le style de la bordure visuellement.

Ou encore gérer directement le fond de votre élément HTML en générant un dégradé ou une couleur unie, son angle, l'opacité ...

Un outil bien pratique qui vous permettra de générer ce type de code CSS:

border: 5px dashed rgba(143,14,102,0.48);
border-radius: 0 15px 65px;
background-image: -moz-linear-gradient(324deg, #ffee58, #fcc736 28%, #f18d46 67%, #e95d3b 89%, #e42a32);
background-image: -webkit-gradient(linear, left top, right bottom, from(#ffee58), to(#e42a32), color-stop(28%, #fcc736), color-stop(67%, #f18d46), color-stop(89%, #e95d3b));
box-shadow: -8px 5px 59px rgba(36,122,209,0.75);

Il manque à mon goût la gestion des différents marquages CSS3 propriétaires (-moz, -webkit,-o...) sur certaines syntaxes ainsi que la compatibilité de l'outil sur FF < version 4.

Site officiel