Códigos Fuente de CSS

Mostrando del 1 al 10 de 82 registros
<<>>
Imágen de perfil

ParaScroll Web 2.0


CSS

Publicado el 19 de Agosto del 2017 por ScriptShow
76 visualizaciones desde el 19 de Agosto del 2017
Una Web 2.0 basada en HTML y CSS absolutamente compatible. Un efecto Parallax y Reveal para presentar todos los contenidos. No es necesario el uso de menú, desplazando la barra de Scroll es suficiente. También el botón central del Mouse maneja el Sitio. El resultado es tan sencillo como "espectacular".

La estructura es ampliable, adaptable, compatible con cualquier pantalla y/o dispositivo. El código fuente es 100% legible, original; no contiene librerías, frameworks, ni dependencias de terceros. La carga del Sitio es ágil y rápida, con imágenes optimizadas, puede ser cuestión de menos de un segundo.

Espero que os guste.

Un Saludo
Imágen de perfil

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


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 05 de Agosto del 2017 por ScriptShow (Publicado el 05 de Marzo del 2017)
1.199 visualizaciones desde el 05 de Marzo del 2017. Una media de 56 por semana
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

C R O S S B R O W S E R S - para - TOD@S


CSS

Actualizado el 24 de Junio del 2017 por ScriptShow (Publicado el 18 de Junio del 2017)
388 visualizaciones desde el 18 de Junio del 2017. Una media de 49 por semana
La compatibilidad, mejor con TOD@S

Hazlo Tú mismo - D.Y.S.

Espero sea útil.

Un saludo
Imágen de perfil

Elementos Web Adaptables Ajustables ...


CSS

Actualizado el 24 de Junio del 2017 por ScriptShow (Publicado el 18 de Junio del 2017)
691 visualizaciones desde el 18 de Junio del 2017. Una media de 84 por semana
Adaptar y/o ajustar contenidos a distintas resoluciones de pantalla es ideal, posible con CSS compatible. Sin pseudoclases, sin mediaqueries, sin librerías de terceros, sin frameworks...

Cualquier navegador y/o dispositivo, puede poner las cosas en su sitio. No te compliques.

Espero sea útil.

Un saludo
Imágen de perfil

Pequeña animación utilizando css3


CSS

Actualizado el 28 de Mayo del 2017 por Administrador (Publicado el 10 de Abril del 2013)
6.078 visualizaciones desde el 10 de Abril del 2013. Una media de 28 por semana
pequeña animación hecha solamente en css y html, use esta animación para crear un efecto que hace ver que un objeto se voltea de ambos lados cuando se pone el cursor del ratón sobre la misma.
Imágen de perfil

Position Fixed vs Absolute


CSS

Actualizado el 10 de Mayo del 2017 por ScriptShow (Publicado el 20 de Octubre del 2016)
704 visualizaciones desde el 20 de Octubre del 2016. Una media de 21 por semana
Hay navegadores que no soportantan algunos atributos de CSS. Por ejemplo: IExplorer en versiones 5, 6, 7, ... que todavía se utilizan, no soportan total ó parcialmente el atributo FIXED.
No obstante, algo se puede hacer: Si un objeto, elemento de la estructura HTML lo posicionamos de forma absoluta con respecto a la etiqueta superior, este quedará "fijo" dentro de ella; si inmovilizamos la etiqueta HTML, que ya es casi fija de por si, los elementos contenidos con atributo absolute quedarán "fijos". Pero mejor lo vemos en el código.
Imágen de perfil

Muestra oculta contenido Onmouse Up / Down


CSS

Publicado el 08 de Mayo del 2017 por ScriptShow
183 visualizaciones desde el 08 de Mayo del 2017. Una media de 14 por semana
Utilizar puro CSS para mostrar / ocultar contenidos sin JScript. Al pulsar el botón izquierdo del mouse, se muestra el contenido, al soltar el botón pulsado, se oculta el contenido.
Algo para experimentar, adaptar en pequeños y/o grandes proyectos; ampliable y compatible.
Imágen de perfil

Links de Texto que aumenta / disminuye OnMouseOver


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 02 de Marzo del 2017 por ScriptShow
1.010 visualizaciones desde el 02 de Marzo del 2017. Una media de 42 por semana
Un efecto con CSS sobre links de texto que aumenta / disminuye el tamaño de la fuente al pasar el mouse...
En fin, muy pocas líneas de código nativo se encargan de todo.

Espero que os guste.


Un saludo
Imágen de perfil

Construir un Grid con CSS y HTML con efectos


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 27 de Febrero del 2017 por ScriptShow (Publicado el 26 de Febrero del 2017)
1.192 visualizaciones desde el 26 de Febrero del 2017. Una media de 49 por semana
Como construir un Grid en CSS y HTML con efectos de giro y cambio de color al clicar en los cuadrados. En fin, un experimento que no utiliza librerías...

Espero sea útil.


Un saludo
Imágen de perfil

Imágenes efecto "Polaroid" con CSS


CSS

Publicado el 16 de Diciembre del 2016 por ScriptShow
1.000 visualizaciones desde el 16 de Diciembre del 2016. Una media de 35 por semana
Como se indica en el título, vamos a intentar algo parecido a un efecto de fotos "Polaroid" con una clase en CSS. Es simple y compatible con diversas versiones de navegadores.

Espero sea útil.


Un saludo