Resultados da pesquisa a pedido "css-shapes"
Forma de borda oblíqua ou torcida
Estou interessado em saber se é possível criar borda embrulhada (ou talvez melhor, torcida) usando CSS. O efeito que eu queria alcançar está na imagem.
Alinhar texto na linha inclinada
É possível fazertexto deixado alinhado em uma linha inclinada? seu alinhamento deve seguir a imagem inclinada com o suporte necessário para o IE9 +? Meu exemplocódigo [http://jsfiddle.net/Tymek/xt246abr/] : img { display: block; float: ...
Adicionando forma de trapézio CSS: botão Após
Estou tentando criar um estilo de botão para um cliente e não consigo fazê-lo funcionar usando a pseudo classe posterior. <style> $varBase: 40px; $imsblue: #012169; $imsgrey: #012169; body { background:grey; } .btn { position: relative; float: ...
É possível criar uma div cisalhada?
É possível criar uma div de cabeçalho que é cortada / oblíqua, como na imagem abaixo? É para um site móvel
Seta cortada transparente esquerda / direita
Estou ciente de que isso já foi respondido anteriormente, porém, foi para o final de uma div e não consigo descobrir como fazê-lo para a esquerda e direita de uma div. Estou tentando obter o mesmo efeito que isto: BODY { ...
Seta CSS barra de progresso
Atualmente, estou no processo de aprender tudo sobre CSS, então estou tentando gerar formas diferentes com diferentes funcionalidades. Atualmente, estou trabalhando em um projeto que requer uma seta horizontal para exibir o 'progresso' de uma ...
Quebrando texto em um círculo com css
Fiquei me perguntando se isso é possível. Um bloco de texto ao redor de uma imagem. Neste caso, é circular. Consegui deslocar o texto para o lado usando a forma, mas não o envolvi totalmente. Só consegui encontrar um exemplo e não consegui ...
Filho não inclinado não está alinhado
Nota:Esta pergunta é sobre um problema com a saída enãosobre a criação de qualquer forma. Eu criei recentemente uma forma: .prog { position: relative; top: 20px; width: 150px; height: 120px; background: green; display: inline-block; ...
Borda inclinada responsiva ao CSS
Estou criando uma página da Web básica, mas para o rodapé haverá uma borda inclinada que será executada na parte inferior da página. Onde estou tendo problemas, já que você não consegue adicionar 100% em uma borda, como estou usando o bootstrap, ...
Crie um gradiente de borda para cada uma das quatro bordas
Eu quero criar o mesmo gradiente linear para cada borda. O gradiente de borda com 5 corescomeça em transparent to white to black to white to transparentDessa forma, tenho cantos transparentes. Como posso fazer isso para todas as quatro ...