En este nuevo video les mostraremos como animar texto solo con Css. Síguenos en facebook: / jygproyectosweb Únete a nuestro grupo: / 1639298496227219 Nuestro sitio oficial:
Пікірлер: 186
@yesseniagonzalez79836 жыл бұрын
Es la primera ves que veo un vídeo suyo, y realmente me agrada la manera en la que explica, haciéndolo ver tan simple, he comprendido en 10 min lo que no he hecho en horas en las clases de mi U JAJAJAJAJA gracias, enserio.
@RVKAWAAA3 жыл бұрын
Jaja tonta
@martinernestotorre69942 жыл бұрын
Capoo !!! gracias por tus aulas de animaciones !! tenés la simpleza y la humildad de los grandes ! Saludos ! Argentina!
@vbmemin2 жыл бұрын
Felicidades, de los pocos videos que se explican claramente, y a fin de cuentas Sí SIRVE (es que luego ni sirven, y uno nada más pierde tiempo) felicidades y gracias
@Dekagora Жыл бұрын
Hace mucho, mucho tiempo y aun sigue estando vigente! gracias por el tuto!
@danielmasim7 жыл бұрын
Gracias no es el 1er video tuyo que veo, me sirvió para sacarme de otro problema que tenía con respecto al texto animado necesitaba se viera de lado a lado pero no conseguía desapareciese de forma "natural". Me ayudo verte para entender era el overflow. Slds.
@marcoantoniograus29897 жыл бұрын
amigo, muy buen aporte..llevo poco tiempo y la plataforma que uso es dreamwever cc...este tutorial es lo que buscaba pero necesito pulir un poco mas para terminar..espero sigas apoyando de esta manera ..saludos
@damyHarbi7 жыл бұрын
Tienes unos buenos tutoriales..! estoy aprendiendo desarrollo web y tus videos me ayudan a desarrollar imaginacion.. Gracias
@estebanrenderin8 жыл бұрын
Demasiado bien explicados cada uno de tus videos... muchas gracias por compartir
@mikesalinas52223 жыл бұрын
Excelentes aportes q haces .. Deberías ser maestro de programación, si lo haces me avisas...
@jeffer.shorts6 жыл бұрын
Uff man, muchas gracias.. quería agregar a mi proyecto algo diferente a los de mis compañeros y de verdad me has ayudado mucho, felicidades y ya soy un suscriptor suyo! saludos.
@lucasdiaz73023 жыл бұрын
EXCELENTEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE SOS CRACK, ENTENDÍ TODO SUPER BIEN GRACIAS!!!!1
@claudioschneider42348 жыл бұрын
Muy bueno como todos tus videos, excelente explicación sencilla y 100% argumentativa!.
@pablor9444 жыл бұрын
Jean Carlo eres un genio
@maurogabrielybanez7275 Жыл бұрын
Muy byen tutorial , pienso aplicarlo en mi portafolios muchas gracias
@gexvillegas25796 жыл бұрын
Excelente felicitaciones yo estoy empezando pero con tutoriales así voy aprendiendo rápido Gracias gracias
@jorgenicolasgonzalez4195 жыл бұрын
Buenos videos groso, esto es lo que estaba buscando un canal con animacion css , fantastico.
@ManuelCastro-DevocionalDeHoy7 жыл бұрын
exelente aporte amigo deseo esten bien..supe que Peru sufrio inundaciones deseo este bien bendicones
@Jygproyectosweb7 жыл бұрын
+Manuel Castro Hola Manuel, gracias por tus buenos deseos, por aquí no hemos sido afectados pero la situación es grave. Saludos y gracias.
@ManuelCastro-DevocionalDeHoy7 жыл бұрын
lo siento por su gente igual dese Dios les bendiga saludos estimado
Eres tan puto amo que me he creado un canal solo para darte el buen merecido like .
@jorgenicolasgonzalez4195 жыл бұрын
jajaja gracias groso !!!!
@luisencarnacion39655 жыл бұрын
@Edsamd5 жыл бұрын
Muchas gracias te amo ♥😂
@joaquinquatromano96784 жыл бұрын
Sos un capo
@cervatestorresulisesemmanu60669 жыл бұрын
Excelente aporte. Muy buena explicación.
@AlxRFM9 жыл бұрын
muchas gracias!! un efecto muy útil y sencillo para mis sitios web
@andrescollprediger2 жыл бұрын
simplemente fabuloso. muchas gracias!
@diyermorenohernandez87419 жыл бұрын
Saludos Desde Colombia, Muchas gracias Muy bien explicado!
@manolopajaroborras22057 жыл бұрын
excelente tutorial compañero hace rato buscando efectos y al fin lo conseguí ya me suscribí a tu pagina muchas gracias por el aporte
@verdadabsoluta25488 жыл бұрын
Amigo muchas gracias la verdad, me ayuda bastante con los problemas de aprendisaje que tengo, Bendiciones.
@elenapena18444 жыл бұрын
Te pasaste crack, se que es muy sencillo pero me va a servir :`)
@wilwerrodriguez17878 жыл бұрын
muy buenos los tutoriales excelente profe....
@yeremmi7893 жыл бұрын
Wow Super bien explicado 😮👍
@sombraaprendiz4689 жыл бұрын
Amigo gracias por subir este tutorial saludos y sigue subiendo buenos tutos gracias
@josearmandoabagamotuobono42852 жыл бұрын
muchísimas gracias, me valió para el examen
@pedrofuentes41044 жыл бұрын
excelente aporte....gracias
@enzoaguirre-marketinglr33957 жыл бұрын
Muy buenos tutoriales amigo!! saludos
@f-u-t-u-r-o-s-a-n-d-r-a Жыл бұрын
Demasiado genial! GRACIAS
@ManuelCastro-DevocionalDeHoy7 жыл бұрын
ya lo logre hacer funcionar....no vi me faltaba poner los . un y coma en los pixeles en en keyframes cambiar { 0%{margin-top: 0px;} exelente..aporte amigo
@harrinsonA9 жыл бұрын
Gracias y me ha gustado bastante!
@spektrejazrodriguez43107 жыл бұрын
Muy buen material, gracias!
@francisfrancis5803 жыл бұрын
Buen dato, sigue asi
@richiismacva10012 жыл бұрын
Eres un genio!! muchas gracias jajaja
@franciscojoselopezlaperal25062 жыл бұрын
eres un autentico Crack!!
@Narux4 жыл бұрын
ESPAÑA SIEMPRE ARRIBA
@nezzedsoft66713 жыл бұрын
Gracias, te amo. Mesirve
@jesusre84952 жыл бұрын
Genioo, muy util el video, gracias
@datacops8 жыл бұрын
Excelente ! me gusta el efecto Like !
@scooterward1003 жыл бұрын
muchas gracias, me resultó muy útil
@ezequielahs10765 жыл бұрын
Graciaas me hice un slider en css gracias a tu codigoo
@juandiaz68555 жыл бұрын
Muchas Gracias por tus videos .
@CarolinaED-ez6mo Жыл бұрын
muchisimas gracias!!!!
@AlejandroHernandez-ey1zu8 жыл бұрын
muy bien explicados ¡gracias!
@alexvasquez25104 жыл бұрын
muchísimas gracias
@janroc33178 жыл бұрын
Buen vídeo amigo.
@seric18217 жыл бұрын
este gordito esta lleno de conocimiento :3
@issei44619 жыл бұрын
Excelente tutorial, solo aconsejar sobre el uso de display: flex; ya que aún no es tan compatible y en ese caso ¿cuál usarías? D: Otra cosa es que puedes simplificar el @keyframe así: @keyframes cambiar { 0%,20%,100% { margin-top: 0; } 25%,50%,85%,95% { margin-top: -40px; } 55%,80% { margin-top: -80px; } }
@Jygproyectosweb9 жыл бұрын
Issei Anifrik gracias por las recomendaciones, pues en la actualidad flexbox ya esta casi soportado por todos los navegadores, el unico que no lo soporta es IE9 para abajo, pero bueno en caso opcional tenemos, inline block, display:table o hacerlo flotante con float. Y gracias por hacerme recordar sobre las abreviaciones en los keyframes, aun no lo hacia asi porque queria explicarlo detalladamente, pero ya lo haré así en los proximos videos, gracias por las recomendaciones :).
@issei44619 жыл бұрын
J&G Proyectos Web Descuida, ahora entiendo xD
@kleydypena68046 жыл бұрын
ese me funciono gracias :3
@maytechnologies95047 жыл бұрын
excelente jean carlo... ahora una pregunta cuál sería la modificación si necesitó la animación con desplazamiento horizontal ... y así sobreponer a un slider con imágenes...
@karylumonery32604 жыл бұрын
¡Gracias!
@monomatizate7 жыл бұрын
buenas noches, como siempre hermano gracias por los excelentes tutos son de mucha ayuda, con respecto a estas animaciones queria preguntar si hay una forma de colocarle un hover con stop, es decir, que cuando coloque el mouse arriba de la animación se detenga sea para leer bien lo que pasa u otra cosa, esto es posible?
@AlexdobleU7 жыл бұрын
Nuevamente gracias
@luisbarreras50326 жыл бұрын
Muy Bien!
@pabloantonio71486 жыл бұрын
Eres un capo!!! Gracias!!!
@Mel-sv9nq3 жыл бұрын
Gracias!!!
@migpagola9 жыл бұрын
Que crack sigo todos tus videos! :)
@lucascarril20672 жыл бұрын
muchas gracias capo
@RVKAWAAA3 жыл бұрын
Gracias
@franmejia52106 жыл бұрын
agregare esta animacion ami pagina web en la presentacion.. buen video
@marinabenitez16602 жыл бұрын
Gracias! Me re sirviooo
@joanrodriguez73458 жыл бұрын
muy bueno gracias hermano
@yeremmi7893 жыл бұрын
ya me suscribi 🥴🤙
@jhonnathan01038 жыл бұрын
Hola Jeancarlos, una consulta. Como puedo hacer para que una palabra animada este dentro de una oración. No al final sino al medio y todo ese bloque de palabras sea responsive. De antemano muchas gracias! Felicitaciones por tus videos!!!!
@carlosgonzales13174 жыл бұрын
Gracias amigo muy buen tutorial, una consulta, como hacer para combinar esto que nos explicas muy bien en estos 2 de tus videos (“Efecto máquina de escribir con CSS” & “Texto animado con Css”) es decir que cambie el texto, pero conservando el efecto de máquina de escribir. Gracias y nuevamente felicitaciones.
@juanmusictutoriales9857 жыл бұрын
muy buenos tutoriales
@filipoxtan7 жыл бұрын
genial amigo
@protoy3d448 жыл бұрын
Buen dia esta muy buenos tus videos, una pregunta sobre este efecto o animación: ¿Que otro tipo de efectos se le puede agregar o de que otra manera puedo animar el texto que no solo se desplace hacia arriba y hacia abajo, para mas concreto me gustaría saber si se puede combinar las traslaciones de arriba y abajo como las de izquierda y derecha?? O como tipo zoom de 0 a 1 etc...
@dnis68249 жыл бұрын
excelente,me gustaría ver como alinear un texto frente a una imagen en el header
@Rap.ribelle4 жыл бұрын
Text-align:center;
@rootsystemoficial8 жыл бұрын
Excelente video
@sandram.sibilskis27264 жыл бұрын
Hola JeanCarlos, no consigo centrar el contenido del container como muestras en este video. Uso VS Code en lugar de Brackets. Me podrás ayudar con eso y contarme como puedo ver los elementos en el preview a medida que los seleccionas? es alguna extensión? Muchas gracias!
@josealejandrosuarez41894 жыл бұрын
Para centrar es necesario ponerle un width y un height, sino no funciona
@juansardella36747 жыл бұрын
Gracias Genio
@luisenriquerodriguezruiz7085 жыл бұрын
hey bro, gracias, excelente video pero una pregunta... y si quiero agregar mas palabras para que se vayan recorriendo...??? es lo mismo...???
@andresrodriguez92982 жыл бұрын
hola, excelente tu video, pregunta, si tengo en mi pagina web un bar nav, y le pongo la animación, también altera la animación de la barra de navegacion, que hago ahi?, si solo quiero que esas letras se muevan y no altere o modifique nada mas, gracias
@youssh49757 жыл бұрын
Hola, una pregunta. En la animación, he puesto los mismos porcentajes y pixeles que tu y me va bien. Pero el tercer elemento de la lista se va muy rápido, no se esta dentro de los limites del div por tanto tiempo como los otros dos elementos y no queda muy bien. Como es eso?
@nixnamulove8 жыл бұрын
hola! si es que quiero agregarle mas palabras para que se vean en la lista, que se tiene que modificar o agregar en la hoja de estilos?saludos
@gochezz14837 жыл бұрын
hola, no se si veras este comentario.. pero tengo una duda... se podria hacer esa animacion con varias imagenes?? o solo se puede hacer con textos??
@jorgebaron.b48075 жыл бұрын
MUCHISIMAS GRACIAS!!! GENIAL TU VIDEO, MUY BIEN EXPLICADO
@monomatizate7 жыл бұрын
excelente tutorial como todos, tengo una pregunta con respecto a este, todo esta muy fácil y me salio perfecto solo hay un problema que cuando coloco el responsivo por ejemplo una medida 480 x 600 px el margin-top cambia y no se ve igual es decir las animaciones los textos no queda en el lugar correcto, en este caso como se hace porque los media query no funcionan con un @keyframe adentro gracias..
@paisanomich7 жыл бұрын
Excelente
@mananaesundiaimportante76528 жыл бұрын
Hola JG, una colsulta, comó haces para editar en sublime y al mismo tiempo ver los resultados en el explorador. Gracias por los videos!!.
@Jygproyectosweb8 жыл бұрын
+Un consejo inusual : !te ayudará a bajar de peso! no es sublime es brackets kzbin.info/www/bejne/i5_Kd4iDndtlirs
@mananaesundiaimportante76528 жыл бұрын
Gracias!!
@axelcadona14713 жыл бұрын
Buenas, que pluggin es ese . cuando pusiste div.contenedor
@feersuarez2 жыл бұрын
Gracias guapoo
@soportesistemas19325 жыл бұрын
hola, gracias por el video, lo seguí, lo realice y todo salio correcto, el problema es al querer implementarlo con mas contenido, lo puse dentro de un contenedor principal en una pagina y todo se mueve, he visto otros videos incluso en ingles con ligeras variaciones en tu código, pero al final producen el mismo efecto al interactuar con mas contenido y es que toda la pagina se mueve de acuerdo a como va cambiando el margin-top de la animación, sabes como solucionar esto y por que se produce este efecto, gracias y saludos ...
@ignaciofonseca58307 жыл бұрын
muchas gracias :) 1 like + 1 sub
@ranfis276 жыл бұрын
Hola amigo , muchas gracias por tus videos. Me podrias decir como programar en Sublime y al instante te aparece en el navegador?. Con todo respeto , espero su respuesta.
@joca29197 жыл бұрын
Parcero te recomiendo que cuando digas " ya hemos visto anteriormente enlaces el video anterior o digas en que video para seguir y ver ese contenido " Gacias Saludos desde Colombia
@alejandro189425717 жыл бұрын
saludos, hay forma de manejar los @keyframes con tiempos y no con porcentajes?
@IamAlex.2 жыл бұрын
faltaria verlo responsive gracias por el aporte
@fermede77637 жыл бұрын
Hola buenas noches, tengo una regunta y si son 5 ul como debo de poner los frames ..?? Espero y me puedan contestar por favor, y que sigan estando bien, gracias.
@newliberty8 жыл бұрын
Muy buen video! Estoy buscando hace rato cómo hacer que el texto entre por un extremo de la pantalla y salga por el otro como en las noticias. No sé como se llama esto, "Ticket news"? ¿Podrías hacer un tutorial al respecto? Saludos!
@kalynaramos36329 жыл бұрын
Hola amigo? me gustaria saber cual es el programa que usas para estar editando la pagina web y viendo al lado. agradezco atencion.
hola amgo, excelente video fue de mucha ayuda..... oye amigo quisiera saber como poner un texto sobre una imagen de html, no se si tengas algun tutorial sobre eso?
@yordigeorshuacastilloaltam89114 жыл бұрын
Fondo Y con h1 el texto
@pablogutierrez17385 жыл бұрын
una pregunta como seria si fuera un ciclo o rotatorio por decir que Jeancarlos pase directo a mundo
@juancarlosayalatello84714 жыл бұрын
suscrito x2
@bibianacervantes85568 жыл бұрын
Hola que tal ¿Disculpa ese texto al momento de hacerlo responsivo que pasa con él?
@josefalcon12236 жыл бұрын
hola amigo buen dia como haria este efecto horizontal en vez de vertical gracias saludos
@jeanperez3053 Жыл бұрын
Alguien sabe como se llama la extensión que permite ver el tamaño de los div