Códigos Fuente de CSS

Mostrando del 1 al 10 de 162 registros
<<>>
Imágen de perfil
Val: 20
Ha aumentado su posición en 35 puestos en CSS (en relación al último mes)
Gráfica de CSS

Código de Reset.css


CSS

Publicado el 31 de Mayo del 2020 por Hdb Programming (19 códigos)
451 visualizaciones desde el 31 de Mayo del 2020
Este es el código fuente de la popular hoja de estilos Reset.css con la cual podrás resetear tu html para todos los navegadores. Este código fue sacado de https://meyerweb.com/eric/tools/css/reset/
Imágen de perfil
Val: 20
Ha aumentado su posición en 35 puestos en CSS (en relación al último mes)
Gráfica de CSS

Código de Normalize.css


CSS

Publicado el 31 de Mayo del 2020 por Hdb Programming (19 códigos)
458 visualizaciones desde el 31 de Mayo del 2020
Este es el código fuente de la popular hoja de estilos Normalize.css con la cual podrás normalizar tu html para todos los navegadores. Este código fue sacado de https://necolas.github.io/normalize.css/ y también puede ser instalado con npm mediante npm install normalize.css
Imágen de perfil
Val: 32
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Crear Div con transparencia para descubrir un resultado


CSS

Publicado el 4 de Mayo del 2020 por Francisco Javier (2 códigos)
801 visualizaciones desde el 4 de Mayo del 2020
Este código esta creado en Windows 10 con Bracket y en HTML haciendo referencia a un css, lo suyo es crear una pagina "css" a parte y relacionarla con un "link rel" asi podemos crear varios div con preguntas y respuestas o para cualquier otro uso con información o características sobre algún elemento.


Captura-de-pantalla-9
Captura-de-pantalla-10
Imágen de perfil
Val: 136
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Crear una sombra basada en los colores del elemento


CSS

Publicado el 30 de Abril del 2020 por Katas (12 códigos)
977 visualizaciones desde el 30 de Abril del 2020
Código que muestra como crear una sombra similar al box-shadow, pero manteniendo los colores del elemento principal.

sombra
Imágen de perfil
Val: 136
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Crear un check con CSS


CSS

Publicado el 20 de Abril del 2020 por Katas (12 códigos)
556 visualizaciones desde el 20 de Abril del 2020
Código que muestra como crear un check y como poner ese check encima de un texto

check-css
Imágen de perfil
Val: 136
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Poner una imagen en un botón submit


CSS

Publicado el 14 de Abril del 2020 por Katas (12 códigos)
553 visualizaciones desde el 14 de Abril del 2020
Simple código que muestra como poner una imagen en un input type="submit"

1
2
3
4
5
6
7
8
9
10
11
12
13
<style>
input[type=submit] {
    background: url('buttonSend.jpg');
    border: 0;
    display: block;
    height: 50px;
    width: 155px;
}
</style>
 
<form>
    <input type="submit" value="" name="submit">
</form>
Imágen de perfil
Val: 136
Bronce
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Cambiar el color de fondo y texto al seleccionar con el ratón


CSS

Publicado el 6 de Abril del 2020 por Katas (12 códigos)
497 visualizaciones desde el 6 de Abril del 2020
Código que muestra como definir un color para el fondo y texto cuando seleccionamos el texto con el ratón.

selection
Imágen de perfil

Engranaje girando


CSS

Publicado el 26 de Marzo del 2020 por Administrador (671 códigos)
427 visualizaciones desde el 26 de Marzo del 2020
Código que muestra un engranaje girando utilizando una imagen SVG

engranaje-rodando
Imágen de perfil
Val: 608
Oro
Ha aumentado 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Tarea: Cambiar imagen con animación


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 14 de Marzo del 2020 por Joel (119 códigos)
407 visualizaciones desde el 14 de Marzo del 2020
Este código muestra como cambiar una imagen con una simple animación de opacidad al poner el ratón encima de la imagen.

animation-opacity
Imágen de perfil
Val: 600
Oro
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Poner un div encima de otro div con CSS


CSS

Publicado el 12 de Marzo del 2020 por Xavi (530 códigos)
1.082 visualizaciones desde el 12 de Marzo del 2020
Este simple código muestra como poner un elemento <div> encima de otro elemento <div> con CSS

poner-div-encima-div