Como hacer Cards - Tarjetas con efecto hover | HTML5 - CSS3 | Fácil
ฝัง
- เผยแพร่เมื่อ 9 ก.พ. 2025
- #Card , #HTML5 , #CSS3 Aprende a crear unas hermosas Cards - Tarjetas con efecto hover, esto esta creado con HTML5 - CSS3, de una manera muy fácil y bien explicada, espero que te guste.
No olvides compartir, para que otros se beneficien del vídeo de la misma manera en la que tu te has beneficiado, saludos.
____________
●Suscribete a mi Canal:
goo.gl/Y5liMk
●Mi sitio web:
magtimus.com
●Recursos del tutorial aquí:
goo.gl/du95Ut
=== SERVICIO DE HOSTING ===
●Link para adquirir hosting
mywebplan2.com/...
____________
==▼=GRUPOS DE APOYO=▼==
●Grupo de Facebook
goo.gl/eMFqVb
●Grupo de WhatsApp
goo.gl/9jtwT6
____________
●Donaciones con PayPal
www.paypal.me/...
____________
▼REDES SOCIALES▼
♦Facebook:
/ themagtimus
♦Instagram:
/ magtimus
♦Twitter:
/ magtimus
____________
▼Canales amigos aquí debajo▼
♦CodyTron
goo.gl/qu6gXX
♦Formando la Web
goo.gl/N3Cr8x
♦Byte Code
goo.gl/FuJ4ih
bro ahora soy tu fan me encanta lo que haces y como nos ayudas con tus videos y aprendo demasiado.
Excelente, Magtimus, las utilice para mi proyecto, me han encantado.
Me alegra muchoooo que te haya ayudadooo, eso me hace feliz. Éxito!
Hola amigo magtimus, por tomarnos en cuenta, me da mucho gusto que ya son más amigos, saludos de parte del activo, esto esta excelente y genial para un proyecto que se me presento.
Hector Jaker ola pasa x mi canal
Muchas gracias, si me sirvió, nose a que se debe pero me quedaron las imágenes una abajo de la otra, de todas formas me funcionó así. Mil gracias por el video, muy fácil de entender.
Bueeeeen tutorial mi estimado, de veras se te agradece. Si le pusieras audio a tus tutos te irías al hall de la fama, créeme
Esta genial!. Ya le puse mi estilo y cambie, solo es aprender y me enseñaste vos gracias....!
Muchas gracias, me ha servido bastante, y he comprendido varios conceptos que no entendía.
Muchas gracias por el saludo Magtimus!!! Eres un crack!!!... No solo por tus conocimientos sino por compartirlo con tus suscriptores. Muchos éxitos...
Pd. La música del vídeo está excelente, le da más dinamismo a lo que vas haciendo en pantalla.
Pd2. Acabo de terminarlo y queda excelente. Muchas gracias.
Gracias a ti también amigo siempre estar el pendiente de nuestros vídeos. Pos sí trato de elegir buena música. Me alegra muchísimo que hayas hecho el proyecto y te quede genial👏👏 muy bien.
Primer tutorial que me funciona, muchas gracias.
Me súper encantó, estar editando más la música de fondo te hace entrar en mayor concentración. Muchas gracias mi hermano, y vaya proyecto, bonito el tuyo, yo estoy creando mi página, dad esta cuarentena quise hacer algo con mi tiempo. Éxitos hermano
hermano lo mismo, estoy aprovechando la cuarentena, y ya tengo resultados profesionales, ya hasta estoy pensando en ayudar a otros con sus problemas o errores en sus paginas,(menos en Java script todavia se lo basico)
waooo
me gusta el efecto que se genera al escribir codigo en brakets
ufff
Eres una gran persona amigo, sigue asi . grasias me ayudo muchisimo
Quiero un saludo en el prox video, crack!
Hola Magtimus!!! me re sirvio tu aporte, muchas gracias!!!!
Breve y conciso. Gracias.
Trabajas super genial amigo..!!Siempre veo tus videos.Mandame saludos. !
Gracias amigooooo! Te envío saludos en el próximo video.
Excelente! Me re sirvió. Muchas gracias!!
¡Qué epico como tiembla todo cuando escribe!
Mucgas gracias por la ayuda... gracias a ti mi página escolar tiene muchomas estilo!!!!!
Muchas Gracias Maestro!! a poner en practica.
Eres un capo un maestrazo gracias por tu contenido me sirvió de mucho te ganaste un nuevo suscriptor
Me alegro muchísimo haberte servido de ayuda amigo!... SALUDOS!
te mereces mucho mas que mi like y mi suscricion mi amigo sigue asi estoy muy agradecido contigo
Excelente aporte a la comunidad! Felicitaciones por el contenido. Éxitos. Saludos desde Arg.
muchas gracias amigo !!! muy bueno
Que buen efecto, te debo una grande bro, muy buen tutorial, nuevo sub.
Mil gracias hermano, saludos desde venezuela.
Amigo mío gracias bro nuevo sub excelente contenido
Hermano, muchas gracias, me diste una excelente idea y la aplique chulisma.
Excelentes Videos tutoriales brother, he aprendido bastante contigo, mil gracias y felicidades, eres un buen teacher
Mandame Saludos siempre también estoy presente!
Muy bien amigo, en el próximo vídeo te envío saludos, verdad siempre veo que estás activo en el canal. 🤗😊
Hola, esta muy bueno estas Cards. Me hubiese gustado ver el desarrollo de código de lo que está abajo de la tarjeta que dice 👉 *VER MAS* 👍 SALUDOS
Exelente video, me va a ayudar bastante para mi página web saludos
Buenisimooo
Mandame saludos a mi prroooo, gracias por compartir tus conocimientos con nosotros me han servido de mucho
Listo amigo! En el próximo vídeo te envío saludos. También gracias por estar atento a nuestro contenido. Saludos.
Simplemente eres el mejor crack👏🏼👏🏼
Excelente aporte. Gracias.
Muchiiiisimas gracias ¡¡ me ha servido para mi trabajo ¡¡¡ sigue asi ^^
Muchas gracias pude agregar esto a un proyecto!!!!
Saludos, amigo. Excelente aporte, gracias
Muy interesante gracias por compartir
gracias muy fácil y rápido :)
Quiero mi saludito también :)
lo utilisare para mi proyecto graxxxcxxxxxxxx
Colega gracias. una consulta. conoces hosting o webserver para este tipo de programacion. paginas en html5. ?
Excelente video
Que buen video 😃👍 como siempre a seguir avanzando SALÚDAME!!
Graciassssss! Hay que avanazar jeje, te envío saludos en el próximo vídeo
Magtimus GRACIAS 👍
pa exelente tambien la melodia gracias
Grandioso Magtinus, Grandioso!!! Excelente aporte. Gracias men.
Me sirvio para mi proyecto indivudual gracias
esta genial
Muy buenos tus videos. Gracias por compartir este tipo de contenido que a muchos nos es de gran ayuda. Saludame.
Ola pasa por mi canal
Excelente video. Estaría mejor si lo explicarás. Gracias por compartir
Esta geniall como crear las cards me gustaria que lo explicara, para tener mas claridad de lo que se esta haciendo, pero genial
Muchas gracias, simplemente grandioso, voy a emplearlo en mi portfolio
buenisimo tutorial - es lo que queria agregar a mi pagina, ahora me gustaria hacer slider las tarjetas. Me das una mano? desde ya muchísimas Gracias, tus tutoriales me ayudan mucho. Un saludo desde Argentina.
Muchas gracias! Muy buen aporte amigo :D
Gracias amigo me sirvio mucho
Muchas gracias por ayuda amigo se agradece enserio
Buenísimo tu tutorial bro!!! like y suscrito
Hola, mi única sugerencia sería bajar el volumen de la música de fondo al mínimo y explicar lo que se hace paso a paso en el video, lo digo por personas como yo que estamos comenzando, ejemplo: en la parte del CSS donde no sé la función del display, flex-wrap, overflow. Gracias por leer y mejorar el video.
totalmente ramos, estoy haciendo mi primer trabajo html, y css . Me encanta lo que ofrece y lo quiero hacer, pero no entiendo nada. y obvio estoy aprendiendo,pero no tengo tiempo para inspeccionar cada cosa, tengo una entrega, y ni idea que propiedades agrega si no las va diciendo... QUE PENA DE TUTORIAL
Simplemente genial!!!
me encanta el efecto, gracias:)
yo pongo un footer al final de mi codigo y queda encima de las card y no se que hacer, ademas estoy trabajando con bootstrap, no hay forma de adaptarlo con Bootstrap? -- opriman leer mas
yo dije lo de arriba hace unos dias... pero ya encontre la solcuion, para que el contenido no se ponga encima o debajo.
lo unico que hay que hacer es ir al CSS, luego en la clase .content, ahi hay que modificar el height: auto;
dejenlo en auto y veran la magia, comiencen a agregar contenido a su pagina y veran que ya las card respetan el espacio del resto de contenido.
gracias crack
Muchas gracias!!!
gracias buen hombre
uff gracias, tenia position: fixed, y no me daba, lo quite, y puse height: auto y todo full, Gracias!!
Héroe!!
buen video bro
Quedo genial, pero me gusta más cuando vas hablando!! :P
Me encanto, saludame 😁💯💪
Como se llama ese estilo que tienes en la escritura?
Saludos al saul que ve tus videos :)
no, saludos a ti mi estimado :)
mándame saludos todos los días
Excelente video!!
Hola bro, gracias por el video, no pude encontrar el link para descargar el proyecto
gracias locoooooo
Hola como haces para que cuando escribas codigo la pantalla se mueva y el cursor brille ?
me gustaría poner más tarjetas pero cuando lo pongo me sale a la par y quiero que salga por abajo
la música me dá dolor de cabeza, muy buen tutorial ..gracias
Consejo: en el div de .container pongan el height como auto para evitar problemas de compatibilidad en otras pantallas
amigo gracias por el consejo me arreglaste un problema que hace tiempo no sabia como solucionar
Como le puedo hacer para que me muestre "Leer mas" y "Mostrar menos" en la misma tarjeta de la información
Muchas gracias!!!!!
PUEDES EXPLICAR COMO COLOCAR INFORMACION IMAGENES Y TEXTO DENTRO DE LAS CARDS CUANDO DAS CLIC EN LEER MAS
okey si salio pero al momento de hacer pequeña la pantalla se monta sobre el contenido que agregue despues....alguien tiene una guia para mi problema
Buen video.
Falta el githup
a mi me pasa que en vez de el hover ir para arriba se va a un costado
Como puedo colocar en las caras información texto imágenes dentro en Leer más tendrá videos
Muy buenas
Y en caso de que quiera poner más de tres como le hago?
Y si yo quiero que queden de 2 al ponerlo en modo celular?
si me salio pero pongo leer mas y no pasa nada?
como le puedo poner el responsive desing?
Esta bueno pero cuando sigo escribiendo en mi pagina no me deja porque se me pone de trasfondo en la tarjeta
Hola bro! me encantó como quedó en mi proyecto! aunque yo lo use para unas viñetas con vectores! pero lo que si, para el responsive me choca con el footer, no se por qué. Digamos, se superpone y el footer me queda lo justo para las 3 imagenes, luego cuando cada una ocupa 12 espacios para el mobile se enciman!. Alguna idea de que pueda ser?
amigo, encontraste la solución de eso? tengo el mismo problema
@@ADR2909 hola amigo. Si mal no recuerdo el problema eran los containers del body. Que los tenía mal configurados, te recomiendo que con las herramientas de desarrollador del navegador, vayas desactivando tus clases de los contenedores hasta que veas la que tiene el problema! Estoy 80% seguro que era ese mí problema ! Saludos. Avísame si lo solucionaste ! 👍👍👍👍
@@facundojulia8786 era el heigth, tenía que ponerlo en auto, un Man abajo tenía el mismo problema, gracias
@@ADR2909 Hola bro una pregunta no te dio error de posicion , me refiero al hacer el tutorial y todo no te quedaron encimadas tipo una arriba de otra , estoy en ese problema y nose que tocarle
@@RodolfoC30 sí bro, es por el heigth
una consulta, como se llama la extencion que tenes para que aparezcan efectos sobre el codigo que vas escribiendo? gracias
una pregunta, pudiste encontrar el nombre de la extensión???
god me re sirvió tamo
Como puedo poner un video en una tarjeta ?
Donde esta la descripción 🥺
Me encanto, tanto que me lo robe jajajjaj
Muy buenas, excelente, habrá forma de hacer un efecto de volteo, que al pasar el mouse la carga de vuelta y revele información?
Listo claro que se puede amigo... lo haré. Saludos
Chicos, alguien me dices como consigo esa animación que tiene al momento de escribir?
Hola tengo una consulta. A la hora de querer poner mas de tres "cards" como deberia hacer? Se me superponen con el footer cuando achico el sitio para hacerlo responsivo.
Si quieres contactame y veo si te puedo ayudar
facebook.com/profile.php?id=100013694028123
puedes hacer uno igual pero semantica es decir sin div, como section article etc por favor porfavoe
ayuda, cuando pongo todo esto y lo edito a mi manera para mis cosas no me deja abrir el archivo, que programa estas usando? ayuda plox