background top icon
background center wave icon
background filled rhombus icon
background two lines icon
background stroke rhombus icon

Descargar "Basic, Intermediate & Pro animated hamburger icons"

input logo icon
"videoThumbnail Basic, Intermediate & Pro animated hamburger icons
Índice
|

Índice

0:00
Introduction
1:01
What we’re starting with and setting up the first button
2:36
Creating the first SVG
7:13
General styling for all our buttons
9:39
Styling and animating the first button
18:25
Creating the second SVG
22:41
Styling and animating the second button
35:53
Creating the third SVG
42:02
Styling and animating the third button
49:08
Writing the JavaScript
56:29
Making the second animation more interesting
Etiquetas del vídeo
|

Etiquetas del vídeo

Kevin Powell
css
front-end
frontend
html
web development
css animation
svg animation
hamburger animation
website animation
svg tutorial
svg tutorial html
css animation tutorial
css transitions
fun css effects
Ya tiene instalado el UDL Helper. ¡Puedes descargar vídeo en 1 clic!
Instalado
para
Google Chrome

Descripción:

SVG’s open up new possibilities that we can’t do with regular divs or spans, and they are a great way to make hamburger menu’s a little bit more interesting! 🔗 Links ✅ SVG path builder - https://mavo.io/demos/svgpath/ ✅ Code from this video: https://codepen.io/kevinpowell/pen/gOKpOyy ⌚ Timestamps 00:00 - Introduction 01:01 - What we’re starting with and setting up the first button 02:36 - Creating the first SVG 07:13 - General styling for all our buttons 09:39 - Styling and animating the first button 18:25 - Creating the second SVG 22:41 - Styling and animating the second button 35:53 - Creating the third SVG 42:02 - Styling and animating the third button 49:08 - Writing the JavaScript 56:29 - Making the second animation more interesting #css -- Come hang out with other dev's in my Discord Community 💬 https://discord.com/invite/nTYCvrK Keep up to date with everything I'm up to ✉ https://www.kevinpowell.co/newsletter/ Come hang out with me live every Monday on Twitch! 📺 https://www.twitch.tv/kevinpowellcss --- Help support my channel 👨‍🎓 Get a course: https://www.kevinpowell.co/courses/ 👕 Buy a shirt: https://making-the-internet-awesome.creator-spring.com/ 💖 Support me on Patreon: https://www.patreon.com/kevinpowell --- My editor: VS Code - https://code.visualstudio.com/ --- I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

Preparación de las opciones de carga

popular icon
Populares
hd icon
Vídeo HD
audio icon
Sólo sonido
total icon
Todos
* - Si el vídeo se está reproduciendo en una pestaña nueva, ve a ella, haz clic con el botón derecho del ratón en el vídeo y selecciona “Guardar vídeo como...”
** - Enlace destinado a la reproducción en línea en reproductores especializados

Preguntas sobre la descarga de vídeos

mobile menu icon¿Cómo puedo descargar el vídeo "Basic, Intermediate & Pro animated hamburger icons"?mobile menu icon

  • El sitio http://unidownloader.com/ es la mejor manera de descargar un vídeo o una pista de audio independiente sin necesidad de instalar programas ni extensiones.

  • La extensión UDL Helper es un práctico botón que se incrusta orgánicamente en los sitios YouTube, Instagram y OK.ru para descargar contenidos rápidamente.

  • UDL Client (para Windows) - la solución más potente que soporta más de 900 sitios web, redes sociales y sitios de alojamiento de vídeo, así como cualquier calidad de vídeo que está disponible en la origen.

  • UDL Lite - es una forma cómoda de acceder a un sitio web desde su dispositivo móvil. Con su ayuda puedes descargar fácilmente vídeos directamente a tu smartphone.

mobile menu icon¿Qué formato de vídeo "Basic, Intermediate & Pro animated hamburger icons" debo elegir?mobile menu icon

  • Los formatos de mejor calidad son FullHD (1080p), 2K (1440p), 4K (2160p) y 8K (4320p). Cuanto mayor sea la resolución de tu pantalla, mayor será la calidad del vídeo. Sin embargo, hay otros factores a tener en cuenta: la velocidad de descarga, la cantidad de espacio libre y el rendimiento del dispositivo durante la reproducción.

mobile menu icon¿Por qué se congela el ordenador al cargar un vídeo "Basic, Intermediate & Pro animated hamburger icons"?mobile menu icon

  • El navegador/ordenador no debería congelarse por completo. Si esto ocurre, por favor infórmenos con un enlace al vídeo. A veces los vídeos no pueden descargarse directamente en un formato adecuado, por lo que hemos añadido la posibilidad de convertir el archivo al formato deseado. En algunos casos, este proceso puede consumir recursos del ordenador.

mobile menu icon¿Cómo descargo un vídeo "Basic, Intermediate & Pro animated hamburger icons" en mi teléfono?mobile menu icon

  • Puedes descargar el vídeo a tu smartphone utilizando el sitio web de UDL Lite o la aplicación PWA. También es posible enviar un enlace de descarga mediante código QR utilizando la extensión UDL Helper.

mobile menu icon¿Cómo descargo una pista de audio (música) en MP3 "Basic, Intermediate & Pro animated hamburger icons"?mobile menu icon

  • La forma más conveniente es usar el UDL Client, que soporta la conversión de vídeos a formato MP3. En algunos casos, MP3 también puede ser descargado a través de la extensión UDL Helper.

mobile menu icon¿Cómo guardar un fotograma de un vídeo "Basic, Intermediate & Pro animated hamburger icons"?mobile menu icon

  • Esta función está disponible en la extensión UDL Helper. Asegúrate de que la opción "Mostrar botón para guardar captura de pantalla del vídeo" está marcada en la configuración. Deberá aparecer un icono de cámara en la esquina inferior derecha del reproductor, a la izquierda del icono "Configuración". Al hacer clic en él, el fotograma actual del vídeo se guardará en su ordenador en formato JPEG.

mobile menu icon¿Cuánto cuesta todo esto?mobile menu icon

  • Nada en absoluto. Nuestros servicios son totalmente gratuitos para todos los usuarios. No hay suscripciones PRO, ni restricciones en el número o la duración máxima de los vídeos descargados.