Botão estravagante

Eu tinha que fazer um botão semelhante ao voltar do iOS , ou seja, um botão com um canto triangular, de entalhe. A unica diferença é que deveria ser no lado direito, e não no esquerdo.

Procurei um pouco e encontrei um exemplo no jsfiddle: http://jsfiddle.net/stowball/XvFFX/, parabéns ao Stowball, excelente código.

Fiz pequenas alterações, troquei o pseudo selector de “:before” para “:after”, e nele alterei o border para: border-width: 1px 1px 0 0; e reposicionei o left de acordo com os meus elementos. A minha alteração está em http://jsfiddle.net/seLJP/1/.

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s