Como hacer Cards - Tarjetas con efecto hover | HTML5 - CSS3 | Fácil
Vložit
- čas přidán 12. 09. 2024
- #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!
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.
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 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.
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....!
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)
Eres una gran persona amigo, sigue asi . grasias me ayudo muchisimo
Muchas gracias, me ha servido bastante, y he comprendido varios conceptos que no entendía.
waooo
me gusta el efecto que se genera al escribir codigo en brakets
ufff
Trabajas super genial amigo..!!Siempre veo tus videos.Mandame saludos. !
Gracias amigooooo! Te envío saludos en el próximo video.
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!!
Excelente aporte a la comunidad! Felicitaciones por el contenido. Éxitos. Saludos desde Arg.
Primer tutorial que me funciona, muchas gracias.
Quiero un saludo en el prox video, crack!
Excelentes Videos tutoriales brother, he aprendido bastante contigo, mil gracias y felicidades, eres un buen teacher
te mereces mucho mas que mi like y mi suscricion mi amigo sigue asi estoy muy agradecido contigo
Que buen efecto, te debo una grande bro, muy buen tutorial, nuevo sub.
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!
Hermano, muchas gracias, me diste una excelente idea y la aplique chulisma.
Mucgas gracias por la ayuda... gracias a ti mi página escolar tiene muchomas estilo!!!!!
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
Breve y conciso. Gracias.
Grandioso Magtinus, Grandioso!!! Excelente aporte. Gracias men.
Muchas Gracias Maestro!! a poner en practica.
¡Qué epico como tiembla todo cuando escribe!
Amigo mío gracias bro nuevo sub excelente contenido
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.
Saludos, amigo. Excelente aporte, gracias
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.
Mil gracias hermano, saludos desde venezuela.
Muchiiiisimas gracias ¡¡ me ha servido para mi trabajo ¡¡¡ sigue asi ^^
muchas gracias amigo !!! muy bueno
Excelente! Me re sirvió. Muchas gracias!!
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
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 aporte. Gracias.
Muchas gracias, simplemente grandioso, voy a emplearlo en mi portfolio
Colega gracias. una consulta. conoces hosting o webserver para este tipo de programacion. paginas en html5. ?
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
Muchas gracias pude agregar esto a un proyecto!!!!
Simplemente eres el mejor crack👏🏼👏🏼
Hola brother, tus videos son geniales, quiero preguntarte que extension usas para que al momento de escribir cada letra te salga ese efecto como de rompimiento?. Te agradezco mucho por la info ya que me encanto :D
es un navegador live server bro!
pa exelente tambien la melodia gracias
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. 🤗😊
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 👍
Muy interesante gracias por compartir
Buenisimooo
Simplemente genial!!!
gracias muy fácil y rápido :)
Esta geniall como crear las cards me gustaria que lo explicara, para tener mas claridad de lo que se esta haciendo, pero genial
Excelente video. Estaría mejor si lo explicarás. Gracias por compartir
Buenísimo tu tutorial bro!!! like y suscrito
Quiero mi saludito también :)
Muchas gracias! Muy buen aporte amigo :D
Me sirvio para mi proyecto indivudual gracias
esta genial
Excelente video
Muchas gracias por ayuda amigo se agradece enserio
me encanta el efecto, gracias:)
lo utilisare para mi proyecto graxxxcxxxxxxxx
Excelente video!!
gracias locoooooo
Me encanto, saludame 😁💯💪
Gracias amigo me sirvio mucho
Quedo genial, pero me gusta más cuando vas hablando!! :P
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
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???
Hola como haces para que cuando escribas codigo la pantalla se mueva y el cursor brille ?
hola, muy buen video, era justo lo que estaba buscando, pero tengo una duda, minuto 7:07 ¿Por qué se pone .container .card? Osea que si pones solo .card no se aplican los cambios?
god me re sirvió tamo
me gustaría poner más tarjetas pero cuando lo pongo me sale a la par y quiero que salga por abajo
Como se llama ese estilo que tienes en la escritura?
buen video bro
Como le puedo hacer para que me muestre "Leer mas" y "Mostrar menos" en la misma tarjeta de la información
Muchas gracias!!!!!
Exelente video, me va a ayudar bastante para mi página web saludos
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
la música me dá dolor de cabeza, muy buen tutorial ..gracias
Hola bro, gracias por el video, no pude encontrar el link para descargar el proyecto
Saludos al saul que ve tus videos :)
no, saludos a ti mi estimado :)
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
PUEDES EXPLICAR COMO COLOCAR INFORMACION IMAGENES Y TEXTO DENTRO DE LAS CARDS CUANDO DAS CLIC EN LEER MAS
si me salio pero pongo leer mas y no pasa nada?
¡Tengo un problema! al agregar mas tarjetas se pusieron encima de una sección que tengo.
Se puso encima de el pie de pagina, ¿que hago?
tengo la misma pregunta, alguien sabe como arreglar esto?
@@MartuFletcher Lo pudieron arreglar?
@@alexandratorresvalencia8655 creo que pero con width 100% y alargando la height con px se me ocurre que podria funcionar :)
@@MartuFletcher Gracias :)
Otra pregunta, si te funcionó el "flex-wrap" ?
Es que a mí no, me salen abajo de otra
@@alexandratorresvalencia8655 flex wrap es para que si no entran todas en la misma linea, se acomoden abajo las que siguen. Si no queres eso, sacale el flex wrap
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
Esta bueno pero cuando sigo escribiendo en mi pagina no me deja porque se me pone de trasfondo en la tarjeta
mándame saludos todos los días
Muy buenas
Yo tengo varias dudas como puedo llamar a un js dentro de otro js, también como enlazar a otra página cuando no tenga conexión
Como puedo colocar en las caras información texto imágenes dentro en Leer más tendrá videos
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
Amigo sería genial que lo hicieras pero con contenidos diferentes en cada card
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?
como le puedo poner el responsive desing?
Buen video.
Falta el githup
Hola men como podria hacer un efecto de libro en html segun yo usaria HTML, CSS y JS. Podrías hacer un video o algo asi, no encuentro ningun en YT o la web
Está bien amigo... lo tendré pendiente. Espera el vídeo. Saludos y gracias por la sugerencia.
a mi me pasa que en vez de el hover ir para arriba se va a un costado