Perguntas com a marcação «css-shapes»

As CSS-Shapes são feitas pelo uso de Cascade Styling Sheets para transformar elementos HTML em formas e imagens. As formas mais básicas incluem triângulos, quadrados e círculos, mas podem ser transformadas em formas mais avançadas, como corações, octógonos e estrelas.

3
Forma com um lado inclinado (responsivo)
Estou tentando criar uma forma como na imagem abaixo com uma borda inclinada em apenas um lado (por exemplo, o lado inferior) enquanto as outras bordas permanecem retas. Tentei usar o método de borda (o código é fornecido abaixo), mas as dimensões da minha forma são dinâmicas e, portanto, não …
6
Como posso criar uma “cauda de dica de ferramenta” usando CSS puro?
Acabei de descobrir um truque de CSS bacana. Confira o violino ... .tooltiptail { display: block; border-color: #ffffff #a0c7ff #ffffff #ffffff; border-style: solid; border-width: 20px; width: 0px; height: 0px; } .anothertail { background-image: url(http://static.jqueryfordesigners.com/demo/images/coda/bubble-tail2.png); display: block; height: 29px; width: 30px; } <div>Cool Trick: <br /> <div class="tooltiptail"></div> </div> <br /> …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.