Mostrar los tags: css

Mostrando del 11 al 20 de 205 coincidencias
Se ha buscado por el tag: css
Imágen de perfil

Vídeo como fondo de página con CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 28 de Febrero del 2021 por Joan (121 códigos) (Publicado el 8 de Octubre del 2019)
4.296 visualizaciones desde el 8 de Octubre del 2019
En este código se muestra como mediante CSS ponemos un vídeo como fondo de pántalla.

video-como-fondo-pantalla
Imágen de perfil

iconos con efecto


CSS

Publicado el 20 de Noviembre del 2020 por Manuel (2 códigos)
1.864 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

sitio web de inventario


PHP

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 19 de Octubre del 2020 por Charly (2 códigos) (Publicado el 17 de Octubre del 2020)
18.290 visualizaciones desde el 17 de Octubre del 2020
En la carpeta hay una serie de páginas en php, que permiten utilizar un sitio web para llevar el inventario de cualquier empresa. Además, hay otras secciones como, compras y ventas, vehículos, nóminas, trabajadores, facturas, ...
admin
home
media
product
users
Imágen de perfil

Sidenav Menú Vertical


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 15 de Enero del 2017)
3.874 visualizaciones desde el 15 de Enero del 2017
Menú vertical con efecto opacity sobre fondo de imágenes...

Tiene la particularidad de no utilizar librerías varias, ni tampoco frameworks alguno; además, ocupa al completo sólo 1,43 KB (1.466 bytes) todo el código. Es altamente compatible y adaptable.

Espero sea útil.

Un saludo
Imágen de perfil

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


CSS

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 5 de Marzo del 2017)
28.922 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

GRID Responsive JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 28 de Septiembre del 2017)
5.954 visualizaciones desde el 28 de Septiembre del 2017
Contiene ejemplos con imágenes incluidas y distribuidas en GRID responsive, adaptable.
Esta versión incluye tres variantes del script. Puedes elegir la opción más adecuada a tu proyecto.

Cambia el número de columnas y tamaño del contenido del GRID con JavaScript compatible.

Origen de las imágenes: https://pixabay.com/

Espero sea útil.

Un saludo
Imágen de perfil

Simple + UI / UX (experiment)


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 12 de Octubre del 2017)
2.354 visualizaciones desde el 12 de Octubre del 2017
Simple + es un experimento de menús sobre fondos con diversos efectos...

La experiencia se basa en interactuar con la opacidad de capas y contenidos posibles a través de menús. Puede tener diversas aplicaciones como Web UI / UX una vez terminada.
Es absolutamente compatible y adaptable.

Espero que disfrutéis.

Un saludo
Imágen de perfil

Creando un modo Día/Noche para nuestra web


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Septiembre del 2020 por Lopez
3.191 visualizaciones desde el 2 de Septiembre del 2020
La accesibilidad web es fundamental y muy significativa para quienes cuentan con alguna discapacidad y ¡Vaya! que hace feliz un modo noche. Pues hoy crearemos un Selector de Contraste o modo Claro/Oscuro. Con él mejoraremos, ademas de la experiencia de usuario, nuestras habilidades entendiendo un poco mas de LocalStorage, haciendo así de la web un lugar mejor.


uvLyAck

euTzUg2

Si quieres la información explicada o sumar ideas,
El post completo está en https://blob.cl/blog/post/crea-un-modo-de-contraste.
Puedes colaborar desde el git en https://github.com/lowpez/Accesibilidad-Color-y-Contraste