🤯✨ ¡PowerPuff Girls con CSS!
✨ Custom props (CSS vars) para reutilización
✨ CSS Transforms para mover y rotar elementos
✨ Aislado en WebComponents (mantenibilidad)
✨ Composición para añadir cabello personalizado
✨ Animaciones CSS para estelas (trails)
#cssart#css
@dan_chaos not Nintendo pero quiero mi refrito del Sonic Adventure y el Skies of Arcadia, sniff...ahora que lo pienso, Sega no es muy de hacer remakes ¿?
¡Esto va a cambiar muchas cosas en el desarrollo web!
Desbloquea un montón de posibilidades y tiene ventajas:
- Mucho mejor rendimiento que JavaScript
- Animaciones que se sienten más nativas
- Muy sencillo de implementar
Por ahora en Chrome y Edge:
https://t.co/72yCOXWw0v
CSS Tip! ✨
You can use background-attachment to fix backgrounds to the viewport 🤙
card {
background:radial-gradient(circle at var(--x) var(--y), ...);
background-attachment:fixed;
}
JS to get the cursor position but use the same bg for a spotlight 🔦
@CodePen link below 👇
Qué mejor día que hoy para enseñaros mi portfolio!! 🛸🚀
Busco trabajo para crecer como desarrolladora frontend junior. En él podréis descargar mi CV y ver dos de mis proyectos.
Se agradece difusión 🫶🏼✨
#MayThe4thBeWithYou#StarWars#StarWarsDay#FrontEndDeveloper
last year was the most difficult of my life. but I realised something I'll carry with me forever. #otterwayoflife#roberttheotter
🧵1/9
https://t.co/ytS414z119
🧪Este es mi último experimento.
💡Creado con HTML, CSS and JS. La ilustración la he dibujado con @Procreate .
🧮 A veces mola hacer cosas vanilla, sin frameworks, ni bundlers, ni NPM…
👇🏻Pruebalo aquí:
https://t.co/uG7Qwtg4Yk.
¿Qué os parece?
#spikelee#FrontEnd