https://www.codu.co/articles/transform-your-css-game-bookmark-these-10-css-generators-mwdcv_0k
Categoría: CSS
Utilidades/Efectos CSS
Slider circular
Enlaces JS
Seis juegos con solo CSS
https://codepen.io/jh3y/pen/KKNwpzN
https://codepen.io/M_J_Robbins/full/XpQZOG
Ejercicio bootstrap
Con el ejercicio del otro día (acordeón galería de imágenes) vamos a modificarlo para incorporar Bootstrap poniendo:
La barra de navegación con navbar.
El acordeón el de bootstrap.
Crear un botón ‘login’ que nos abra un modal con dos cajas de texto usuario y contraseña.
Ejercicios CSS
Probad a hacer el primer ejercicio de esta web:
Como centrar un div con Grid, varias opciones
Tutoriales CSS
Ejercicio efectos y animaciones
Vamos a hacer una página para manejar una galería de fotos.
Al entrar veremos una cabecera con logo y menú y solo veremos textos gordos con estilo acordeón:
https://codepen.io/vinsongrant/full/qbGKed
Al ampliar los elementos del acordeon veremos una galería de imágenes de 4 imágenes de ancho.
Al ponerse encima de cada imagen deberíamos ver un efecto como los de tympanus:
https://tympanus.net/Tutorials/OriginalHoverEffects/index1.html
Cada imagen con su texto.
En la cabecera tendremos como menú los mismos textos que en el acordeón, al pulsarlos se ampliará su sección de acordeón.
Cada texto del acordeón debería tener una animación ‘to guapa’. Ejemplos:
Los enlaces son ejemplos para ver, no tienen que usarse eso.
Se valorará que la web quede bien, recordad que menos es más.