39 votes

Comment faire un biseau et un effet Embosed en bouton dans CSS 3 pour les navigateurs Web basés sur le kit?

Comment faire en biseau et Embosed effet de Soumettre le bouton en CSS 3 ?

Comme cette.

enter image description here

Image Agrandieenter image description here

Je suis seulement en considérant Web-kit de navigateurs. et je ne demande pas les moyens de donner des coins ronds et comment donner gradient de bouton, je ne demande qu'à propos de effet de biseau

Html

<input type="submit" value="Submit your entry" class="input" />

140voto

Duopixel Points 27962

Ceci est possible sans utiliser de marge supplémentaire grâce à l'utilisation de plusieurs ombres de boîte:

 box-shadow: 
  0 1px 2px #fff, /*bottom external highlight*/
  0 -1px 1px #666, /*top external shadow*/ 
  inset 0 -1px 1px rgba(0,0,0,0.5), /*bottom internal shadow*/ 
  inset 0 1px 1px rgba(255,255,255,0.8); /*top internal highlight*/
 

entrez la description de l'image ici

http://jsfiddle.net/NPXfe/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X