🔴Aprende animación de bordes con CSS | Fácil y Rápido ⚡️

  Рет қаралды 14,139

BRAVO CODE

BRAVO CODE

Күн бұрын

Пікірлер: 62
@belenappez323
@belenappez323 7 ай бұрын
Lo probe adaptandolo a mi diseño y demas y salio perfecto! Gracias!
@sanmen1982
@sanmen1982 Жыл бұрын
Muchísimas gracias por compartir tus conocimientos, muy buena explicación!!!. Ya practiqué poniendo bordes celestes y blancos. Exitos!!!
@elcodigobravo
@elcodigobravo Жыл бұрын
Que bueno! Gracias 💪🏼😎
@licettemachado9272
@licettemachado9272 10 ай бұрын
muchas gracias, me sirvio para un proyecto escolar, recuadre un video de youtube para que no quedase tan vacio. Te pondre en la bibliografia para dar los respectivos créditos
@elcodigobravo
@elcodigobravo 10 ай бұрын
Gracias! 👍
@floppy6264
@floppy6264 6 ай бұрын
que buen truco, muchas gracias por compartirlo. :)
@RobertBBenn
@RobertBBenn Жыл бұрын
gracias compadre, siempre uso tus videos para practicar html y css
@elcodigobravo
@elcodigobravo Жыл бұрын
Que bueno! 🙌🏻
@antoniowolf131
@antoniowolf131 Жыл бұрын
Muy buen video amigo, sigue así
@elcodigobravo
@elcodigobravo Жыл бұрын
Gracias por tu comentario 💪🏼
@mr.fabian8471
@mr.fabian8471 Жыл бұрын
Excelenete gracias master !!!
@elcodigobravo
@elcodigobravo Жыл бұрын
Gracias! 😎
@carrisolucionesinformaticas
@carrisolucionesinformaticas Жыл бұрын
muy bueno...gracias x tu tiempo
@elcodigobravo
@elcodigobravo Жыл бұрын
Gracias por tu comentario!
@resario89
@resario89 5 ай бұрын
Excelente, muchas gracias !
@elcodigobravo
@elcodigobravo 5 ай бұрын
💪🏻
@caminoalmillon007
@caminoalmillon007 7 ай бұрын
Justo lo que estaba buscando, en mi caso yo quiero hacer una tarjeta redonda que contenga el precio de un servicio, y crear una para cada precio.
@elcodigobravo
@elcodigobravo 7 ай бұрын
Si claro! Te funciona… toma la idea y la adaptas y listo
@sol____-_-
@sol____-_- 11 күн бұрын
Nice.
@randomposting
@randomposting Жыл бұрын
Se ve Magnifico!, creo que usare algo asi cuando cree mi portafolio o algo jeje
@elcodigobravo
@elcodigobravo Жыл бұрын
👌
@_xrxietx_8749
@_xrxietx_8749 Жыл бұрын
¿Bro ya creaste el portafolio? Si es así ¿Ya conseguiste trabajo? O qué tan difícil es conseguir aún teniendo el portfolio? Trabajo remoto o ahí cerca de tu ciudad?
@randomposting
@randomposting Жыл бұрын
@@_xrxietx_8749 No aun no tengo el portafolio, sigo aprendiendo a programar haciendo proyectos y guardando algunos para si hacer el portafolio mas adelante, trabajo no he conseguido porque aun no me considero apto para empezar pero es tema de tener paciencia y saber buscar, el portafolio si te ayudaria un monton porque asi podran ver tus habilidades. Como dato extra; yo intentaria crearme una cuenta en algun foro como Foro Beta y hechar un ojo aver si hay algo de interes, Suerte Hermano
@_xrxietx_8749
@_xrxietx_8749 Жыл бұрын
@@randomposting Ahhh vale, es que te preguntaba porque yo ya casi voy para esa etapa bro, muchas gracias por responder y esperemos tener suerte en encontrar y que nos vaya bien bro. 😉
@randomposting
@randomposting Жыл бұрын
@@_xrxietx_8749 Ok bro no hay problema, una pregunta, cuanto sabes de programacion?
@brandonsaltos3895
@brandonsaltos3895 2 ай бұрын
Eres un crack
@elcodigobravo
@elcodigobravo 2 ай бұрын
Gracias bro 🫡
@duvanpantoja1994
@duvanpantoja1994 Жыл бұрын
Excelente video!! podrias por favor en un próximo poner le código más grande! gracias
@elcodigobravo
@elcodigobravo Жыл бұрын
Listo! Tomado el punto, gracias!
@theakerlergamer_yt9781
@theakerlergamer_yt9781 Жыл бұрын
lo hice junto contigo.. al ver que no me salio mal estuve casi una hora pensando en que, volvi a ver el video y me equivoque envez de ponerle justify-content le puse justify-self, es un dolor de cabeza jaja
@elcodigobravo
@elcodigobravo Жыл бұрын
Si me ha pasado! 🤣
@EnfoqueGuerrero_oficial
@EnfoqueGuerrero_oficial 11 ай бұрын
gracias por tus buenos diseños brother !!
@elcodigobravo
@elcodigobravo 10 ай бұрын
Por nada!
@jeissonm.5082
@jeissonm.5082 4 ай бұрын
Gracias👍
@pau861
@pau861 4 ай бұрын
hola querria saber si en vez de un fondo negro se podria hacer con fondo transparente para que pueda ver la imagen de atras, si le pongo transparent, se ve el color rotando que suguieres?
@elcodigobravo
@elcodigobravo 4 ай бұрын
Solo tienes que colocar la imagen que quieres en ves de el fondo negro y listo. Por ejemplo si el fondo negro es un background-color: Black cámbialo por background-image: url(ruta de la imagen)
@luisrivedeneira6303
@luisrivedeneira6303 4 ай бұрын
por favor amplie un poco el vs-code las letras muy pequeñas gracias el resto bien
@elcodigobravo
@elcodigobravo 4 ай бұрын
Tomado el comentario 👍
@cristian04brangel18
@cristian04brangel18 10 ай бұрын
Como haría para hacer que la animación sea mas lenta cuando el ratón esta dentro del contenedor sin que se reinicie la animación?
@elcodigobravo
@elcodigobravo 10 ай бұрын
Si, haces un hover al contenedor pero que afecte al elemento rojo y les pones las propiedades que quieres. En este video puedes guiarte para hacerlo 👉🏻 kzbin.info/www/bejne/jYecXol5gNuNiaMsi=cDF2VVgmZm_yBtjh
@eduarinostroza
@eduarinostroza Жыл бұрын
Hola, buen tutorial, repliqué el ejercicio, pero en safari al hacer la animación, el overflow:hidden se anula y se ve el cuadrado rojo. Como se podrá solucionar?
@elcodigobravo
@elcodigobravo Жыл бұрын
En lo personal no utilizo safari, pero según este reporte creo que debería funcionar developer.mozilla.org/es/docs/Web/CSS/overflow
@Mods-Arg
@Mods-Arg 8 ай бұрын
Bro, para un input como seria?
@elcodigobravo
@elcodigobravo 8 ай бұрын
Qué quieres hacer?
@Mods-Arg
@Mods-Arg 8 ай бұрын
@@elcodigobravo lo mismo que hiciste en el vídeo pero con un elemento input
@kijamaru
@kijamaru 11 ай бұрын
Hola, tengo una duda como hago para que en ese cuadro yo pueda meter una calculadora y me funcionen las teclas, lo estoy intentando resolver y no me funcionan mis teclas ahora
@elcodigobravo
@elcodigobravo 11 ай бұрын
Prueba aumentando el zindex de las teclas y probablemente tengas que aplicar un Hover distinto para que te funcione
@kijamaru
@kijamaru 11 ай бұрын
Buenas, mis conocimientos en css la verdad son un poco nulas, ya que estoy empezando, e intentado ponerle al borde zindex negativos y a los botones numeros altos positivos y aun asi no me funciona, me podria contactar con usted? perdon por la molestia, ya que me ayudaria mucho@@elcodigobravo
@ratasobreviviendoenlascloa4847
@ratasobreviviendoenlascloa4847 11 ай бұрын
​@@kijamaruz Index negativo y positivo no sirve. Si es negativo solo negativo y luego usas stcaking contexto para apilar tus cajas
@Zero10903
@Zero10903 11 ай бұрын
No sé si conozcas a Hola Mundo (el KZbinr). Pero pues, él tiene un server de discord al que puedes unirte y pueden ayudarte a resolver el problema:3 En general yo soy quien se la pasa ayudando, pero hay varias personas más que pueden ayudarte con tu duda :3
@kijamaru
@kijamaru 11 ай бұрын
me lo podrias pasar? ya que me ayudaria a resolver dudas@@Zero10903
@maxdj6232
@maxdj6232 Жыл бұрын
Y como hago para crear un formulario con esa animación?
@ricardiouslyrics4373
@ricardiouslyrics4373 Жыл бұрын
Como puedo agrandar la targeta
@elcodigobravo
@elcodigobravo Жыл бұрын
Cambia las dimensiones y listo
@felipepoyatos4722
@felipepoyatos4722 Жыл бұрын
lo tengo igual que tu y no se queda ni parecido pero vale👍
@elcodigobravo
@elcodigobravo Жыл бұрын
Te acabo de dejar el código en la descripción del video para que lo compares con el tuyo! Saludos, 👍
@felipepoyatos4722
@felipepoyatos4722 Жыл бұрын
@@elcodigobravo vale muchas gracias
@elcodigobravo
@elcodigobravo Жыл бұрын
🫡
Tutorial para aprender Animaciones CSS
20:26
ManzDev
Рет қаралды 19 М.
Cute
00:16
Oyuncak Avı
Рет қаралды 9 МЛН
Men Vs Women Survive The Wilderness For $500,000
31:48
MrBeast
Рет қаралды 94 МЛН
Position Relative y Absolute en CSS [Trucos Prácticos]
13:56
AlexCG Design
Рет қаралды 4,3 М.
Incredible scroll-based animations with CSS-only
32:23
Kevin Powell
Рет қаралды 432 М.
Carrusel con Html y Css sin JavaScript
13:00
Dev Julio
Рет қаралды 22 М.
Learn CSS Flexbox in 20 Minutes (Course)
20:37
Coding2GO
Рет қаралды 103 М.
Using CSS custom properties like this is a waste
16:12
Kevin Powell
Рет қаралды 170 М.
Border Animation CSS | Quick Animation
9:27
Web Dev Made Easy
Рет қаралды 52 М.
A flexbox trick to improve text wrapping
5:02
Kevin Powell
Рет қаралды 215 М.
Guía sobre Animaciones en CSS
12:38
jonyl
Рет қаралды 97 М.
😈Maquetado con GRID explicado como nunca antes!
12:01
Codigo 369
Рет қаралды 16 М.