Articles of css shapes

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:

Testo trasparente tagliato fuori di sfondo

C’è un modo per rendere un testo trasparente tagliato da un effetto di fondo come quello nell’immagine seguente, con i CSS? Sarebbe triste perdere tutti i preziosi SEO a causa delle immagini che sostituiscono il testo. Ho pensato prima alle ombre ma non riesco a capire niente … L’immagine è lo sfondo del sito, un […]

Linea prima e dopo il titolo sull’immagine

Voglio creare una linea prima e dopo un titolo centrato . La linea e il testo devono avere uno sfondo trasparente per poterli posizionare su uno sfondo irregolare. La linea non deve essere larga al 100%, in questo modo: Il testo del titolo può cambiare: La larghezza del titolo non è nota Il titolo può […]

Nuvoletta con la freccia

Ho un progetto in cui ho bisogno di inserire fumetti / caselle di messaggio . La forma generale che sto cercando di ottenere è questa: .bubble { height: 100px; width: 200px; border: 3px solid gray; background: lightgray; position: relative; cursor:pointer; } .triangle { width: 0; border-top: 20px solid black; border-left: 20px solid transparent; border-right: 20px […]