[Ovillo] dibujar con CSS

[Juan G. Hurtado]

Buenas,

El 24/05/2007, a las 21:50, stripTM escribió:

> Sebastian Gurin escribió:
>> está impresionante! Una pregunta que no he podido entender mirando el
>> código de las páginas: cómo hacen para dibujar las líneas inclinadas
>> (por ejemplo la montaña y la nieve)?
>>
>>
> ¿No son las esquinas de unos bordes muy grandes?

Sí, se consigue jugando con el ancho de los bordes y su color.

Cuando, por ejemplo, al borde inferior le das color verde, y al  
derecho color rojo, la linea de separación de esos colores es una  
linea diagonal. El caso es que como normalmente usamos bordes de  
pocos pixels, no lo notamos. Si le damos 20px de ancho a los bordes,  
se verán claramente las diagonales.

Para conseguir lineas diagonales con otros ángulos, se juega con  
diferentes anchos para los bordes. Por ejemplo 30px para el borde  
derecho, y 15px para el borde inferior, causaría una línea diagonal  
más "horizontal" que si los bordes fuesen iguales.

Un saludo.