Programmazione css-shapes

20

Cosa ne pensi di Stack Overflow in Stack Overflow come versione successiva : CSS come CSS? Ci sono molte forme CSS diverse su CSS Tricks - Shapes of CSS e sono particolarmente perplesso con un triangolo: #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; …

1847 css geometry polygon css-shapes

3

Creazione di un menu radiale in CSS

Come faccio a creare un menu simile a questo ... Collegamento a PSD Non voglio usare le immagini PSD. Preferirei usare le icone di alcuni pacchetti come FontAwesome e avere gli sfondi / CSS generati in CSS. Una versione del menu che utilizza PSD per generare immagini della descrizione comandi …

321 css tooltip css-shapes

17

Come usare i CSS per racchiudere un numero con un cerchio?

Vorrei circondare un numero in un cerchio come in questa immagine: Questo è possibile e come viene realizzato?

250 html css css-shapes

4

Come posso animare il disegno di testo su una pagina Web?

Voglio avere una pagina web che abbia una parola centrata. Voglio che questa parola sia disegnata con un'animazione, in modo tale che la pagina "scriva" la parola nello stesso modo in cui vorremmo, cioè inizia da un punto e disegna linee e curve nel tempo in modo che il risultato …

229 javascript css canvas html5-canvas css-shapes

12

Come faccio a creare una lacrima in HTML?

Come faccio a creare una forma come questa da visualizzare in una pagina Web? Non voglio usare le immagini poiché potrebbero risultare sfocate nel ridimensionamento Ho provato con CSS : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px; height: 100px; border-top-left-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; …

223 html css svg css-shapes

5

In che modo questo CSS produce un cerchio?

Questo è il CSS: div { width: 0; height: 0; border: 180px solid red; border-radius: 180px; } Come produce il cerchio qui sotto? Supponiamo che se una larghezza del rettangolo è di 180 pixel e l'altezza è di 180 pixel, sembrerebbe così: Dopo aver applicato il bordo-raggio di 30 pixel, …

206 html css css-shapes

14

Un modo più semplice per creare div circle rispetto all'uso di un'immagine?

Mi chiedo se esiste un modo più semplice per creare div circolari rispetto a quello che sto facendo ora. Attualmente, sto solo creando un'immagine per ogni dimensione diversa, ma è fastidioso farlo. Esistono comunque dei CSS per creare div che sono circolari e posso specificare il raggio?

183 html css geometry css-shapes

16

css: come disegnare un cerchio con il testo in mezzo?

Ho trovato questo esempio su StackOverflow: Disegna Circle usando solo CSS Che è grandioso. Ma vorrei sapere come modificare quell'esempio in modo da poter includere il testo nel mezzo del cerchio? Ho anche trovato questo: centrare verticalmente e orizzontalmente il testo in cerchio nei CSS (come il badge di notifica …

156 css css-shapes

8

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

È possibile controllare la lunghezza e la distanza tra i tratti del bordo 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; } <div>I have a dashed border!</div> Esegui snippet di codiceNascondi risultatiEspandi lo …

124 css border css-shapes

2

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

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

124 css css-shapes

16

Come disegnare un cerchio nella pagina html?

Come si disegna un cerchio usando HTML5 e CSS3? È anche possibile inserire del testo all'interno?

117 html css geometry css-shapes

5

Colore bordo personalizzato triangolo CSS

Tentativo di utilizzare un colore esadecimale personalizzato per il mio triangolo CSS (bordo). Tuttavia, poiché utilizza le proprietà del bordo, non sono sicuro di come procedere. Vorrei evitare javascript e css3 semplicemente a causa della compatibilità. Sto cercando di fare in modo che il triangolo abbia uno sfondo bianco con …

114 css border css-shapes

4

CSS Progress Circle [chiuso]

Chiuso. Questa domanda non soddisfa le linee guida di Stack Overflow . Attualmente non accetta risposte. Vuoi migliorare questa domanda? Aggiorna la domanda in modo che sia in argomento per Stack Overflow. Chiuso 5 anni fa . Migliora questa domanda Ho cercato in questo sito Web per trovare barre di …

112 html css progress-bar progress css-shapes

10

Come creare una freccia fantasia usando i CSS?

Ok, quindi tutti sanno che puoi creare un triangolo usando questo: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } E questo produce un triangolo pieno e pieno. Ma come faresti a creare un triangolo a forma di freccia di …

102 html css css-shapes

12

Testo trasparente tagliato fuori dallo sfondo

C'è un modo per rendere un testo trasparente ritagliato da un effetto di sfondo come quello nell'immagine seguente, con CSS? Sarebbe triste perdere tutto il prezioso SEO a causa delle immagini che sostituiscono il testo. Ho pensato prima alle ombre ma non riesco a capire niente ... L'immagine è lo …

90 css svg fonts css-shapes

Domande taggate «css-shapes»