Mostrar los tags: css3

Mostrando del 31 al 40 de 42 coincidencias
Se ha buscado por el tag: css3
Imágen de perfil

Responsive One Page Web 2.0


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 13 de Noviembre del 2016 por Scriptshow (141 códigos)
3.370 visualizaciones desde el 13 de Noviembre del 2016
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

Botón con efecto sombra


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 13 de Octubre del 2016 por Scriptshow (141 códigos) (Publicado el 8 de Octubre del 2016)
18.138 visualizaciones desde el 8 de Octubre del 2016
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.
Imágen de perfil

Sidenav Simple


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Octubre del 2016 por Scriptshow (141 códigos)
1.651 visualizaciones desde el 8 de Octubre del 2016
Menú de apertura y cierre lateral con efectos. Algo de CSS y dos funciones en javascript son suficientes para cumplir las expectativas. No necesita librería alguna, sólo 1 Kb. de código con estructura HTML incluida...
Imágen de perfil

Simple Reveal Background Scroll


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 8 de Octubre del 2016 por Scriptshow (141 códigos)
1.977 visualizaciones desde el 8 de Octubre del 2016
Simple código que permite un efecto reveal de fondos en puro CSS. Sin JavaScript, sin librerías; totalmente compatible con nuevos, antiguos navegadores y demás dispositivos. Adaptable con escasos cambios a diferentes proyectos.
Imágen de perfil

Top Menu Responsive


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 4 de Octubre del 2016 por Scriptshow (141 códigos)
5.876 visualizaciones desde el 4 de Octubre del 2016
Un sencillo menú horizontal compatible con la mayoría de dispositivos y navegadores actuales.

Con muy pocas líneas de código, se pueden conseguir atractivos efectos.
Imágen de perfil

Reiniciar una animación de CSS3


JQuery

Publicado el 6 de Abril del 2016 por Xve (294 códigos)
2.846 visualizaciones desde el 6 de Abril del 2016
Este simple código muestra como reiniciar una animación de CSS3 una vez ya ha sido ejecutada.

La manera de hacerlo, es eliminando el estilo que genera dicha animación, y volver a ponerla pasados 10 milisegundos.
Imágen de perfil

Slider a pantalla completa


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Julio del 2015 por Xve (294 códigos)
6.440 visualizaciones desde el 2 de Julio del 2015
Aquí os adjunto un simple slider, con lo básico, que rota unos divs con imágenes, textos, y el contenido que se desee. Este slider, esta pensado para poner al principio de la pagina, ya que ocupa el navegador por completo. Al adaptarse al navegador es responsive.

slider


Solo tienes que añadir los div's que desees y automáticamente añadirá el selector y rotara dichos divs con su contenido
Imágen de perfil

Menu desplegable para moviles con CSS3 y HTML5


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 19 de Marzo del 2015 por Xve (294 códigos)
15.177 visualizaciones desde el 19 de Marzo del 2015
Aquí os muestro un sencillo ejemplo de como hacer un menú desplegable para ser utilizado en smartphones y tabletas.
El despliegue del menú se realiza con jquery

menu-movil-plegado

menu-movil-desplegado
Imágen de perfil

web con parallax verción novato () aun no funciona del todo bien XD


HTML

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 23 de Febrero del 2015 por Samir R. (Publicado el 13 de Febrero del 2015)
3.871 visualizaciones desde el 13 de Febrero del 2015
bueno esta web esta diseñada con etellar j.s para un efecto parallax, hay un error en la previsualización de imágenes esta un poco desordenado pero la idea es si alguien me puede ayudar a corregirlo si de alguna manera les sirve el código esta bien por mi si lo usan y lo corrigen agradecería que me mostraran los errores supongo deben ser un poco mas de los normales no olviden que aun soy un aficionado.

parallax