Modelo de Rutherdorf con HTML y CSS

⚛️ Descubre cómo representar el átomo de oxígeno mediante una animación creada únicamente con HTML y CSS, inspirada en el modelo atómico de Rutherford.

En este vídeo se muestra el funcionamiento de una animación donde los electrones orbitan alrededor del núcleo utilizando técnicas avanzadas de CSS Animations, offset-path, @keyframes y transformaciones CSS, sin necesidad de JavaScript.

Este proyecto combina desarrollo web con conceptos de física, siendo ideal para estudiantes, docentes y desarrolladores que desean explorar las posibilidades del CSS moderno.

¿Qué incluye este proyecto?
✅ Representación del átomo de oxígeno.
✅ Modelo atómico de Rutherford.
✅ Órbitas animadas mediante CSS.
✅ Electrones, protones y neutrones.
✅ Animaciones fluidas con @keyframes.
✅ Diseño responsive y moderno.

Tecnologías utilizadas
HTML5
CSS3
CSS Animations
@keyframes
Offset Path
CSS Grid
Transform
Variables CSS
Responsive Design
¿Qué aprenderás?
Crear animaciones avanzadas con CSS.
Representar modelos científicos mediante código.
Utilizar offset-path para animaciones orbitales.
Organizar elementos con CSS Grid.
Aplicar variables CSS para personalizar animaciones.
Crear proyectos educativos con HTML y CSS.

Este tipo de proyectos demuestra cómo HTML y CSS pueden utilizarse para crear visualizaciones interactivas y educativas sin depender de librerías externas o JavaScript.

Si te interesa el desarrollo web, las animaciones CSS o la programación aplicada a la educación, encontrarás más proyectos prácticos en el canal.

🔗 Código HTML:

🔗 Código CSS:

🔍MENTES GEEKS🔍
¿Te apasionan las matemática 📢 Sígueme en todas las redes para no perderte nada:
Youtube: www.youtube.com/channel/UCW7d4aS6_M7YLmNnNi_L9zQ?sub_confirmation=1
Instagram: @mentesgeeks010
Twitter: @MundoMate13601
TikTok: @mentesgeeks10
Wuolah: wuolah.com/profile/MentesGeeks?referral=Sotsnia3
Blog: mentesgeeks10.blogspot.com
GitHub: github.com/mentesgeeks
Pinterest: ar.pinterest.com/mentesgeeks10/
Codepen: codepen.io/mentesgeeks

+ Leer más