Categorías CSSTutoriales

Triángulos en CSS

Usando bordes transparentes, se pueden generar infinidad de formas usando css:

.multiborde {
border-color: green red blue orange;
border-style:solid;
border-width:20px;
width:0;
height:0;
}

.flechaiz {
border-color:transparent #000 transparent transparent;
border-style:solid;
border-width:10px 20px 10px 0;
width:0;
}


.flechader {
border-color:transparent transparent transparent #000;
border-style:solid;
border-width:10px 10px 10px 20px;
width:0;
}


.flechatop {
border-color:transparent transparent #000000;
border-style:solid;
border-width:0 13px 13px;
width:0;
}


.flechabot {
border-color:transparent transparent #000000;
border-style:solid;
border-width:0 13px 13px;
width:0;
}

Jesús Quintana

Desarrollo y optimización de negocios online desde 2003. Soy Grado en Multimedia (perfil Ingeniería web), Máster en Accesibilidad Web, Master en Marketing Digital y E-Commerce, y Master en Design Thinking. Trabajé en importantes agencias como SEO Manager y Front-end developer, siempre ofreciendo valor añadido. Actualmente me dedico a desarrollar y optimizar negocios digitales: Ayudo a las empresas a ser más productivas, creando, diseñando e implementando automatismos y experiencias de usuario excepcionales, útiles y diferenciales, con el objetivo de solidificar y mejorar la calidad de los negocios online de forma integral.

Entradas recientes

Cómo mejorar el INP (Interaction to Next Paint), el nuevo Core Web Vital, y diferencias con FID

A partir de marzo de 2024, Interaction to Next Paint sustituirá formalmente a First Input…

9 enero 2024

Recorridos del usuario frente a flujos del usuario

Resumen: Tanto los recorridos de los usuarios como los flujos de usuarios describen los procesos…

4 enero 2024

Ciberseguridad: Cómo mantener a salvo su web WordPress

La ciberseguridad es una preocupación cada vez más presente. La seguridad de su sitio web…

25 diciembre 2023

Guía de buenas prácticas y optimización PWA

Las aplicaciones web progresivas (PWA) pueden instalarse en dispositivos y utilizarse como sitios web tradicionales…

19 diciembre 2023

2024: El año de las PWA – Aplicaciones web progresivas

Seguimos viendo que las nuevas empresas de software B2B luchan con las aplicaciones móviles nativas.…

18 diciembre 2023

12 estudios confirman la creatividad de la IA

Resumen: El futuro pertenece a los simbiontes. 12 estudios de investigación confirman que la creatividad…

17 diciembre 2023