Articles of css shapes

Triangolo reattivo CSS con larghezza delle percentuali

Il codice seguente creerà una freccia proprio sotto un elemento : JSFiddle .btn { position: relative; display: inline-block; width: 100px; height: 50px; text-align: center; color: white; background: gray; line-height: 50px; text-decoration: none; } .btn:after { content: “”; position: absolute; bottom: -10px; left: 0; width: 0; height: 0; border-width: 10px 50px 0 50px; border-style: solid; border-color: […]

Controlla la lunghezza del tratto tratteggiato e la distanza tra i tratti

È ansible controllare la lunghezza e la distanza tra tratti di tratto tratteggiato in CSS? Questo esempio di seguito viene visualizzato in modo diverso tra i browser: div { border: dashed 4px #000; padding: 20px; display: inline-block; } I have a dashed border! Grandi differenze: IE 11 / Firefox / Chrome Esistono metodi in grado […]

Raggio del bordo in percentuale (%) e pixel (px) o em

Se utilizzo un valore di pixel o em per il raggio del bordo, il raggio del bordo è sempre un arco circolare o una forma di pillola anche se il valore è maggiore del lato più grande dell’elemento. Quando utilizzo le percentuali , il raggio del bordo è ellittico e inizia al centro di ciascun […]

Cerchio Progress CSS

Ho cercato questo sito Web per trovare le barre di avanzamento, ma quelle che sono stato in grado di trovare mostrano cerchi animati che vanno al 100%. Vorrei che si fermasse a determinate percentuali come nello screenshot qui sotto. C’è un modo per farlo usando solo i CSS?

CSS: mostra solo il bordo dell’angolo

Mi chiedo se sia ansible in CSS o Jquery creare un bordo ma solo per angolo. Qualcosa come questo: **** **** * * * * CONTENT * * * * **** ****

Inserire il bordo-raggio con CSS3

C’è un modo per creare un raggio di confine con css3? (Senza immagini) Ho bisogno di un raggio di confine come questo:

Cerchio trasparente vuoto o tagliato

È ansible ritagliare un cerchio vuoto usando solo i CSS ? Questo possiamo fare tutti: Ma possiamo farlo? Il cerchio deve essere vuoto e trasparente . Quindi il problema non si risolve mettendo un cerchio di colore solido su un div .

Taglia angoli usando CSS

Sto cercando di “tagliare” l’angolo in alto a sinistra di un div, come se avessi piegato l’angolo di una pagina. Mi piacerebbe farlo in puro CSS, ci sono dei metodi?

Colore del bordo personalizzato del triangolo CSS

Tentativo di utilizzare un colore esadecimale personalizzato per il mio triangolo CSS (bordo). Tuttavia dal momento che utilizza le proprietà del bordo non sono sicuro su come procedere. Mi piacerebbe evitare javascript e css3 semplicemente a causa della compatibilità. Sto cercando di avere il triangolo con uno sfondo bianco con un bordo di 1 pixel […]

Semicerchio trasparente tagliato da un div

Mi piacerebbe realizzare una forma semicircolare trasparente usando solo CSS3. L’unico requisito è che tutti gli elementi che formano la forma debbano essere neri o trasparenti . Non posso usare un rettangolo nero con un cerchio bianco sopra perché il semicerchio deve essere trasparente e lasciare che lo sfondo lo mostri. Forma desiderata: