mentesgeeks Add us as a preferred source on Google

Cómo crear una puesta de sol con HTML y CSS 🌅 ¿Crearías este paisaje solo con CSS? No necesitas Photoshop, imágenes ni JavaScript. Este atardecer está creado con HTML + CSS utilizando degradados, pseudo-elementos y clip-path. ☀️ Sol → radial-gradient()🌄 Montañas → clip-path: polygon()🎨 Cielo → linear-gradient()✨ Elementos → ::before y ::after Si estás aprendiendo CSS, este es un proyecto sencillo y visual para practicar. 💻 ¿Quieres ver cómo se escribe todo el código paso a paso? --> https://yout

🌅 ¿Crearías este paisaje solo con CSS? No necesitas Photoshop, imágenes ni JavaScript. Este atardecer está creado con HTML + CSS utilizando degradados, pseudo-elementos y clip-path. ☀️ Sol → radial-gradient() 🌄 Montañas → clip-path: polygon() 🎨 Cielo → linear-gradient() ✨ Elementos → ::before y ::after Si estás aprendiendo CSS, este es un proyecto sencillo y visual para practicar. 💻 ¿Quieres ver cómo se escribe todo el código paso a paso? --> https://youtu.be/OFJiFjiXqVw 🔗 Código HTML: https:/

Cómo crear un loader con HTML y CSS 🔥 ¿Cómo crear un loader animado con CSS? En este tutorial hacemos un loader circular con HTML y CSS, formado por 5 puntos que giran y desaparecen creando un efecto de persecución. Y lo mejor: sin JavaScript 🤯 Aprenderás: 💻 @keyframes 💻 animation 💻 animation-delay 💻 transform 💻 ::after 💻 Variables CSS Guarda este vídeo para probarlo después y sígueme para más tutoriales de HTML, CSS y desarrollo web 🚀 🔗 Código: https://wuolah.com/apuntes/lenguajes-de-marcas-y-s

Cómo crear un corazón con HTML y CSS ❤️ ¿Un corazón hecho solo con CSS? Sí. 💻 Este ejemplo utiliza HTML + CSS para crear la forma del corazón y :hover para cambiar su color cuando pasas el cursor por encima. 🔹 border-radius 🔹 transform 🔹 ::before 🔹 transition 🔹 :hover 🔹 Flexbox Sin imágenes. Sin JavaScript. Solo CSS. 🔥 ¿Quieres más ejemplos de formas y efectos creados únicamente con CSS? 📢 Sígueme en todas las redes para no perderte nada: #Youtube: https://www.youtube.com/channel/UCW7d4aS6_M7YLm

DESDE LAS CALLES DE NUEVA YORK HASTA EL CORAZÓN DE LA REVOLUCIÓN INFORMÁTICA 👀 ¿Cómo se llega a convertirse en una de las grandes figuras de la informática? Hoy conocemos la historia de Leslie Lamport. Es conocido por sus trabajos sobre sistemas distribuidos, pero su trayectoria también está vinculada a nombres que quizá ya hayas utilizado o escuchado: LaTeX, Paxos y TLA+. 💻 Si te interesa saber quién está detrás de algunas de las ideas que utilizamos para entender los sistemas informáticos mode

Cómo crear un menú Mostrar-Ocultar con HTML y CSS ¿Quieres crear un menú Mostrar/Ocultar con HTML y CSS sin JavaScript? 👀💻 En este ejemplo usamos un checkbox, :checked y el selector ~ para mostrar y ocultar el menú. Una técnica sencilla para aprender cómo funcionan los selectores CSS y crear interacciones básicas en una página web. Guárdalo para probarlo después 🚀 🎥 Vídeo completo: https://youtu.be/QutuFhNu_pU 🔗 Código HTML: https://wuolah.com/apuntes/lenguajes-de-marcas-y-sistemas-de-gestion-de

¿Quieres crear un menú Mostrar/Ocultar con HTML y CSS sin JavaScript? 👀💻 En este ejemplo usamos un checkbox, :checked y el selector ~ para mostrar y ocultar el menú. Una técnica sencilla para aprender cómo funcionan los selectores CSS y crear interacciones básicas en una página web. Guárdalo para probarlo después 🚀 🎥 Vídeo completo: https://youtu.be/QutuFhNu_pU 🔗 Código HTML: https://wuolah.com/apuntes/lenguajes-de-marcas-y-sistemas-de-gestion-de-informacion/html-css-java-script-menu-html-pdf-

Cómo crear el logo de Netflix con HTML y CSS ¿Sabías que puedes crear el logo de Netflix con HTML y CSS? 🤯 En este tutorial construimos la famosa “N” desde cero usando solamente código. Utilizamos HTML, Flexbox, transform, rotateZ(), translateX(), translateY() y box-shadow para conseguir el resultado. Si estás aprendiendo HTML y CSS, este tipo de ejercicios es perfecto para practicar y entender cómo crear formas y diseños sin utilizar imágenes. ¿Quieres que hagamos otro logo con CSS? 👇 🎥 Vídeo c

¿Sabías que puedes crear el logo de Netflix con HTML y CSS? 🤯 En este tutorial construimos la famosa “N” desde cero usando solamente código. Utilizamos HTML, Flexbox, transform, rotateZ(), translateX(), translateY() y box-shadow para conseguir el resultado. Si estás aprendiendo HTML y CSS, este tipo de ejercicios es perfecto para practicar y entender cómo crear formas y diseños sin utilizar imágenes. ¿Quieres que hagamos otro logo con CSS? 👇 🎥 Vídeo completo: https://youtu.be/DDF0fqz8Heg 🔗 Cód

Animación 3D de letras con HTML y CSS 👀 HTML + CSS, pero con efecto 3D. Así se ve en funcionamiento esta animación donde HELLO se transforma en pequeños cubos tridimensionales que flotan de forma independiente. 🔥 CSS 🔥 Animaciones 🔥 Efecto 3D 🔥 Responsive 🔥 Sin imágenes para crear los cubos ¿Te imaginas este efecto en una landing page? 🚀 🔗 Código: https://wuolah.com/?malformed=&utm_source=wuolah&utm_medium=referral&utm_campaign=file-sharefile&referral=Sotsnia3 📢 Sígueme en todas las redes para n