Códigos Fuente de CSS

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

Pequeña animación utilizando css3


CSS

Actualizado el 13 de Abril del 2017 por Administrador (Creado el 10 de Abril del 2013)
4.840 visualizaciones desde el 10 de Abril del 2013. Una media de 28 por semana
pequeña animación echa solamente en css y html, use esta 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

Centrar Imagen responsable con métodos básicos de CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 06 de Marzo del 2017 por ScriptShow (Creado el 05 de Marzo del 2017)
398 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

Links de Texto que aumenta / disminuye OnMouseOver


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 02 de Marzo del 2017 por ScriptShow
508 visualizaciones desde el 02 de Marzo del 2017. Una media de 63 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 (Creado el 26 de Febrero del 2017)
452 visualizaciones desde el 26 de Febrero del 2017. Una media de 56 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
815 visualizaciones desde el 16 de Diciembre del 2016. Una media de 49 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
Imágen de perfil

Menú Vertical Fijo CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 21 de Noviembre del 2016 por ScriptShow (Creado el 19 de Noviembre del 2016)
903 visualizaciones desde el 19 de Noviembre del 2016. Una media de 42 por semana
Menú vertical de posición fija. Fue parte de un proyecto... Y, ha acabado en LWP por mención de Xve. En fin, aquí está.

menu-vertical


Espero sea útil.

Un saludo
Imágen de perfil

Responsive One Page Web 2.0


CSS

Publicado el 13 de Noviembre del 2016 por ScriptShow
861 visualizaciones desde el 13 de Noviembre del 2016. Una media de 42 por semana
Web basada en una página adaptable y compatible con cualquier navegador web, tableta, smartphone, móvil, etc... Construida en HTML y CSS desde cero, sólo ocupa al completo 2,13 KB (2.187 bytes); por tanto, NO precisa Javascript, Librerías, Feamewoks, ni nada parecido. Es una estructura amplable sin límite. Se pueden añadir más páginas clonando parte del código y adaptándolo. Tiene un límite: ¡La Imaginación. Qué se le va a hacer!...
Imágen de perfil

Evitar la selección de texto con una Class CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 25 de Octubre del 2016 por ScriptShow (Creado el 21 de Octubre del 2016)
820 visualizaciones desde el 21 de Octubre del 2016. Una media de 35 por semana
Class-CSS aplicable a diversos elementos para evitar que sean seleccionados.
Puede resultar práctico para texto que al clicar y mover en su zona, acabe seleccionado parcial o totalmente sin pretenderlo; algo poco estético.

Lo vemos en el código del ejemplo.
Imágen de perfil

Position Fixed vs Absolute


CSS

Publicado el 20 de Octubre del 2016 por ScriptShow
570 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 ó correctamente el atributo FIXED.
Aplicando la lógica justa, algo se puede hacer: Si un objeto, elemento de la estructura HTML lo posicionamos de forma absoluta con respecto la etiqueta superior, éste quedará "fijo" dentro de ella; sin 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

Botón con efecto sombra


CSS

Actualizado el 13 de Octubre del 2016 por ScriptShow (Creado el 08 de Octubre del 2016)
1.017 visualizaciones desde el 08 de Octubre del 2016. Una media de 35 por semana
Utilizar una clase para conseguir un efecto sombra con relieve en objetos, elementos, etc.
Es muy sencillo y no precisa de librerías de terceros. Con una sola clase CSS3 y algo de estilo aplicado a un botón, así de simple.