Código de CSS - Triángulos y otras figuras con CSS Compatible

Pos: 3

Val: 571

Ha mantenido su posición en CSS (en relación al último mes)

Triángulos y otras figuras con CSS Compatible

CSS

(1)

Publicado el 18 de Enero del 2020 por Scriptshow (141 códigos)

1.581 visualizaciones desde el 18 de Enero del 2020

Saludos,

una Class en CSS que sirve como base para realizar figuras: triángulos, rombos, flechas, etc. con etiquetas DIVs. Combinando colores, transparencias, conseguiremos efectos sólidos diversos.

Es compatible con todos los navegadores actuales y no actuales.

Espero sea útil.

Requerimientos

Un navegador web y/o dispositivo compatible

1.0
(1)

Publicado el 18 de Enero del 2020

gráfica de visualizaciones de la versión: 1.0

1.582 visualizaciones desde el 18 de Enero del 2020

<!DOCTYPE html>

<html>

<head>

<title>Test</title>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<style type="text/css">

.test

width: 0px;

height: 0px;

margin: auto;

border-top: 280px solid #44DDDD;

border-left: 280px solid #DDDDDD;

border-right: 280px solid #DDDDDD;

border-bottom: 280px solid #DDDD44;

</style>

</head>

<body>

<div class="test"></div>

<div class="test"></div>

</body>

</html>

Comentarios sobre la versión: 1.0 (1)

joel

19 de Enero del 2020

Que simple... impresionante!!!

Responder

Comentar la versión: 1.0

http://lwp-l.com/s5827

Poner un div que ocupe toda la altura y anchura del navegador

Centrar un elemento horizonta y vertical con display:grid

Código de CSS - Triángulos y otras figuras con CSS Compatible

Requerimientos

1.0(1)

Comentarios sobre la versión: 1.0 (1)

Comentar la versión: 1.0

Tienes que ser un usuario registrado para poder insertar imágenes, archivos y/o videos.

1.0
(1)