Códigos Fuente de CSS

Mostrando del 21 al 30 de 201 registros
Imágen de perfil
Val: 10
Ha aumentado su posición en 5 puestos en CSS (en relación al último mes)
Gráfica de CSS

iconos con efecto


CSS

Publicado el 20 de Noviembre del 2020 por Manuel (2 códigos)
1.041 visualizaciones desde el 20 de Noviembre del 2020
Algo pequeño no es responsive, pero se puede hacer.

es una pequeña animación con iconos y la propiedad de hover.
Imágen de perfil
Val: 571
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Centrar y Ajustar Imagen con métodos básicos de CSS


CSS

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 5 de Marzo del 2017)
26.198 visualizaciones desde el 5 de Marzo del 2017
Como centrar una imagen en cualquier dispositivo / pantalla de modo responsable con CSS compatible; sin pseudo clases, sin media query, sin calcular márgenes, sin importar el tamaño, etc.
El resultado es parecido al de aplicaciones de escritorio cuando redimensionamos la ventana.

Espero sea útil.

Un saludo
Imágen de perfil
Val: 493
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Dibujar una estrella de ocho puntas con CSS


CSS

Publicado el 29 de Septiembre del 2020 por Katas (47 códigos)
331 visualizaciones desde el 29 de Septiembre del 2020
Ejemplo de como dibujar una estrella de ocho puntas con CSS.
La manera que se utiliza, es crear un cuadrado rotado 20 grados a la derecha, y en :before se crea otro cuadrado rotado 135 grados a la derecha.

estrella-con-css
Imágen de perfil
Val: 493
Plata
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Dibujar un diamante de forma cuadrada con CSS


CSS

Publicado el 23 de Septiembre del 2020 por Katas (47 códigos)
700 visualizaciones desde el 23 de Septiembre del 2020
Ejemplo de como dibujar un diamante con CSS.

Aquí se muestran dos versiones de como hacer el diamante:

Versión 1
Se utiliza un triangulo o pirámide y en el :after se crea otro triangulo o diamante invertido

Versión 2
Se utiliza un cuadrado y se rota 45º

diamante-con-CSS