Resultados da pesquisa a pedido "css-shapes"
É 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
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 ...
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, ...
Temporizador de contagem regressiva com barra de progresso circular
Eu criei um contador regressivo. Eu tenho uma borda que é feita circular. Como o cronômetro está chegando a zero, a borda circular deve mudar de cor com decréscimo nos segundos. Eu criei o JSFIDDLE ...
duas divs divididas com linha diagonal - CSS
Estou tentando obter duas divs para caber em toda a largura da página, mas dividir ao meio com uma linha diagonal. Como posso conseguir isso com duas divs através do CSS? é para um controle deslizante e precisa de conteúdo adicionado a cada ...
Barra de progresso ao longo das bordas de um retângulo
Estou tentando descobrir como implementar a barra de progresso em torno do retângulo. Vamos imaginar que eu tenho div 500x300 com borda 5px (preta). Gostaria que a barra de progresso iniciasse no canto superior esquerdo e depois vá para -> canto ...
Círculo de progresso - desenhe um pequeno arco na extremidade do círculo e mais
Como faço para desenhar um pequeno círculo na ponta final de um círculo de progresso, além de adicionar um pequeno bloco de texto abaixo / acima dele? Exemplo img: [/imgs/yIiiS.png] <div class="radial-progress" data-progress="0"> <div ...
Alinhar texto 45 graus [duplicado]
Esta pergunta já tem uma resposta aqui: Alinhar texto na linha inclinada [/questions/27876883/align-text-on-slanted-line] 4 respostas [/imgs/troCo.jpg] Eu gostaria de obter um efeito de alinhamento de texto como na tela acima. Alguma sugestão?
Texto animado com onda CSS
Como funcionao.png a imagem representada abaixo é cortada no texto com animação; [/imgs/M4Nqi.png] Em ação body { background: #000000; } .Wave-Loader { text-transform: uppercase; font-family: 'Cabin Condensed', sans-serif; font-weight: bold; ...
Ondas em CSS ou SVG
Estou tentando criar ondas suaves comCSS e estou tendo alguns problemas. Estou usando o raio da borda agora para criar ondas, mas parece mais nuvens. Eu tentei usartransform: translateZ(180deg); mas odiv a cor é então de cabeça para baixo. Aqui ...