Triangolo e cerchio con i css

[GiovanniP]

Come posso creare un triangolo ed un cerchio con i css ?

[GiovanniP]

up

[Mich_]

I CSS non sono un programma di grafica. E non hanno capacita` grafiche.

L'unica "cosa grafica" che possono fare e` il rettangolo, che peraltro viene definito dal codice HTML e viene solo formattato dai CSS.

Infatti ci sono dei trucchi per generare dei grafici, che si limitano a posizionare e dimensionare una serie di rettangoli, piu` o meno grandi.

Per altre figure, e` necessaria dell'intelligenza supplementare, che in qualche caso puo` essere fornita da JS o da programmi lato server.

[GiovanniP]

So che i css non sono programmi di grafica, ma con oppurtuni accostamenti si possono anche creare forme particolari e attraenti. A me basterebbe creare un cerchio e un triangolo, magari mischiando con html e javascript; potrei usare dei grafici, certo, ma così la pagina sarebbe più pesante.

[Sgro]

I CSS non sono stati pensati per costruire forme grafiche.

Per fare quello che vuoi tu, devi scrivere un file SVG e utilizzarlo nella pagina.

Dai un'occhiata alle guide per vedere come si fa.

[Mich_]

A mio parere un'immagine .gif o simile (non jpg), opportunamente compressa (eventualmente con sfondo trasparente) occupa quanto un JS, e non carica il client.

Comunque ti sposto nel forum JS.

[Xinod]

esisteranno sicuramente soluzioni piu' aggiornate, ma potrebbe interessarti questa libreria in particolare
http://www.walterzorn.com/jsgraphics/jsgraphics_e.htm
ciao

[vrmstudio]

Triangolo: non possibile

Per il cerchio invece:

<style> 
#circle { 
text-align: center; 
background: #ff0000; 
padding: 200px 200px 200px 200px; 
-moz-border-radius: 200px 200px 200px 200px; 
-webkit-border-radius: 200px 200px 200px 200px; 
width:0; 
} 
</style> 

<div id="circle"></div>

[cavicchiandrea]

@vrmstudio e ti sei iscritto per rispondere ad una discussione di 5 anni fa, utilizzando css3 che non è supportata da tutti i browser

[mxa]

Originariamente inviato da cavicchiandrea
@vrmstudio e ti sei iscritto per rispondere ad una discussione di 5 anni fa, utilizzando css3 che non è supportata da tutti i browser

Peraltro sostenendo che il triangolo non e' possibile. E' possibile eccome. http://css-tricks.com/snippets/css/css-triangle/

PS: ma questo non e' il forum JavaScript?