Resultados da pesquisa a pedido "css-shapes"
Seta antes e depois de uma caixa com CSS
Estou tentando criar em uma única caixa, duas setas, uma como ponteiro e a outra na caixa logo atrás.Não consigo encontrar o caminho para obter a seta logo a...
Ângulo de 45 graus + Box Shadow - Usando nada além de CSS
Preciso recriar o design a seguir usando apenasCSS: O que você vê na imagem é a parte superior do contêiner de um site - os "links" fazem parte do menu principal. Tal como está, criei o contêiner, mas não tenho certeza de como fazer ...
Inverter canto arredondado em CSS?
Eu tenho um código css: -moz-border-radius-topleft:50px;Eu recebo o resultado: Existe alguma possibilidade de dar assim:
Redimensionando formas únicas dinamicamente sem dimensionar todo o SVG
Eu tenho uma seta como SVG cujo comprimento eu quero alterar em resposta à largura de um DIV de empacotamento (por exemplo). Todas as minhas tentativas anteriores levaram a esse comportamento (escalando todo o SVG): [/imgs/QYrwc.png] Em vez ...
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; ...
Como usar CSS para envolver um número com um círculo?
Eu gostaria de colocar um número em um círculo como nesta imagem: Isso é possível e como é alcançado?
Curve o lado inferior da div para dentro com CSS
Gostaria de curvar o lado inferior deste retângulo div / background com CSS, então o resultado é algo como isto: [/imgs/gcue8.jpg]Alguém tem uma idéia, talvez, de como isso poderia ser alcançado? .curved { margin: 0 auto; width: 800px; ...
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 ...
Como criar uma curva como mostrado abaixo para a div
Eu tenho um problema ao criar uma div acima do círculo, como mostrado abaixo! [/imgs/lSN2o.png] Eu configurei assim CSS: .count-select { box-shadow: 0 -5px 10px -5px rgba(0,0,0,.8); border-top: 2px solid #E75532; height: auto; width: 100%; ...