Buen video amigo, solo una consulta si quiero agregar un párrafo que tendría que agregarle al código ya que solo afecta a una línea la animación. Gracias.
Me alegro contigo al sentirse uno parte de los 3000 y saber que siempre son muy didácticos y educativos tus videos. Ya me he descargado el Brackets y he comenzado a comprobar lo mismo, que tu haces de manera tan sencilla. Saludos.
Sigue subiendo videos que tu estilo es el mejor de todos, y eso que he visto canales como falconmaster y platzi, en serio eres el mejor. Saludos de Venezuela!
Hola, te felicito en verdad muy buenos tus videos, claros y concisos, y me gustaria que explicaras, perdon talvez ya lo tienes en algun otro video, las diferencias entre los display block, flex, table, etc y tambien para que sirve la etiqueta spam, fue creada especificamente para algo en especial o que. Desde ya gracias nuevamente por compartir tus conocimientos. Saludos desde Uruguay y vamo arriba a continuar.
+Jorge Boldrini Hola Jorge, lo de flex aquí: th-cam.com/video/yJ2EmWxEJUk/w-d-xo.html lo demás pues habría que hacer un video explicando el modelo de caja y ver lo de los display, estamos preparando un curso además de html. Gracias.
+J&G Proyectos Web Hola, Jean Carlos. Eso del curso de html me interesa muchísimo y mira por donde, vais a tocarlo. Muchas gracias. Estaré atento, sin duda.
eres un crack, podrias recomendarnos algunos tutoriales para complementar lo que compartes, algunas paginas o links de descarga de material. gracias saludos.
Hola! de nuevo viendo tus videos, siempre tienes grandes ideas muy sencillas de realizar. Me encanta como explicas y tu carisma. Si quieres una idea podrias hacer como incorporar efectos de "swipe" con los dedos para divs etc.. en los websites y que se usen desde plataformas moviles, por ejemplo.
juanca en el caso de que quiera que la animacion muestre el texto y en la segunda muestre otro texto, osea tener mas de una linea de texto, como seria crack?
Tengo una pregunta, no sé si se puede hacer sin js, podrías de alguna forma cuándo se borre el texto, que se escriba otro? que haga el efecto hasta donde sea, se borre y luego se escriba otra cosa
La cuestión seria .. como hacerlo sin el background color, porque yo quiero tener una imagen de fondo, si coloco una imagen el background color se ve mal
QUISIERA SABER COMO HAGO EFECTO DE MAQUINA DE ESCRIBIR EN UNA IMAGNE Y QUE LAS LETRAS SE VAYAN MOSTRANDO DE IZQUIERDA A DERECHA COMO SI APENAS SE FUERAN ESCRIBIENDO,PERO ENCIMA DE LA IMAGEN
Excelente explicacion amigo, pero tengo un pequeño problema, no hay otra forma para que el texto igual tenga el mismo efecto pero que no necesite ajuro fondo, porque por ejemplo estoy creando una pagina y el background es una imagen, entonces el efecto no se ve bien porque sale esa raya color tomate
hola, se que no tiene nada que ver con el vídeo pero me gustaría como centrar una imagen en CSS y que esta siempre este centrada desde cualquier dispositivo, gracias :D
+Saul Urias para center la imagen una solucion puede ser utiliza margin: 0 auto; //Para que funcione le tendras que dar un ancho a la imagen Ahora para que la imagen se pueda ver desde cualquier dispositivo y no se salga de los margenes del navegador utiliza las meria queries. Espero esto te ayude
amigo bien, pero el problema es que no queda bien cuando se tiene como fondo un vídeo, o una imagen ya que se queda viendo el color del background el que usted coloco color tomato, alguna solución?
+𝔊𝓡𝔦𝔰𝔱𝔥𝔦𝔞𝔫 𝓡𝔢𝔤𝔦𝔬 𝔊𝔬𝔱𝔥𝔦𝔠𝔲𝔪 𝔓𝔞𝔤𝔞𝔫𝔲𝔰𝔞𝔫𝔲𝔰 𝔐𝔲𝔩𝔱𝔦𝔡𝔢𝔦 en el caso de una imagen o un video no se podría, porque como explique en el video el span que es del mismo color del body o del h1, cubre el texto, en el caso de una imagen no se puede, allí si habría que usar javascript
haz la prueba y ve cuanto se demora. Pero no creo que hayan problemas. Pero ahi si utilizaria un innerhtml para meterle frases al span y trabajar con el css.
para los que quieren hacer este efecto en un background que sea una imagen y puro css sin javascript les recominedo este video. th-cam.com/video/V0lIoo35Rrc/w-d-xo.html
Ya más de 5 años y sus vídeos siguen siendo de gran ayuda!
7 años después y tu video me acaba de ser muuuy útil, contenido de calidad, felicidades y muchas gracias :)
Pues me encanta que compartas "lo poco que sabes" con nosotros.
¡¡¡ GRACIAS, GRACIAS, GRACIAS !!!
Excelente. Sorprende por su sencillez ya que pensé que se haría con javascript o algo así.
No conocía este canal, pero ya tiene un suscriptor más.
+Jhon Barcasnegras ¡Muchas gracias! Recién abrimos el canal hace 5 meses, gracias por seguirnos.
Espléndido. Muchísimas gracias por tu valioso vídeo, me sento de maravilla. Tu forma de explicar es excelente.
Y seguimos por los 10.000, gracias a ti tambien por tus tutoriales y compartir tus conocimientos
wow excelente gracias por tus tutoriales una pregunta no puedes hacer el efecto con varios textos? que se escriba uno luego el otro de ese forma?
Buen video amigo, solo una consulta si quiero agregar un párrafo que tendría que agregarle al código ya que solo afecta a una línea la animación. Gracias.
Sos un pro pana,mucho más gente como vos qué enseña podrías ser alto profe crack!! Te quierooo!
Me alegro contigo al sentirse uno parte de los 3000 y saber que siempre son muy didácticos y educativos tus videos. Ya me he descargado el Brackets y he comenzado a comprobar lo mismo, que tu haces de manera tan sencilla. Saludos.
Demasiado crack este tipo
Desde Menorca, España, eres un crack!!!! Muchsimas gracias
excelente tu video, como se hace si es un párrafo para que salga línea a línea, gracias
Amigo, tus videos me han salvado de varias dificultades que tenia, muchas gracias, sigue así.
Ese es un efecto muy bueno que le da brillo a nuestra página
Muy bueno!! Gracias!
si continuas con esta temática tan práctica además de útil, seguramente llegarás a miles de subs más. Te recomendaré.
Te amo, bro
Me encanto el vídeo. Entré al vídeo por casualidad, pero me terminó encantando
Me encantan tus tutoriales en español. Encima explicas genial.
Este video esta genial. Gracias por el contenido.
muy interesante como todos tus videos, gracias
Re genial tu vídeo
Super like y suscrito, muchas gracias, me sirvió demasiado.
Sigue subiendo videos que tu estilo es el mejor de todos, y eso que he visto canales como falconmaster y platzi, en serio eres el mejor. Saludos de Venezuela!
Explicas bien y sencillo
Gracias por tu video, me ayudo con un tema que tenia que lograr!! Felicitaciones!!!
Excelente amigo, segui asi!
Hola, te felicito en verdad muy buenos tus videos, claros y concisos, y me gustaria que explicaras, perdon talvez ya lo tienes en algun otro video, las diferencias entre los display block, flex, table, etc y tambien para que sirve la etiqueta spam, fue creada especificamente para algo en especial o que. Desde ya gracias nuevamente por compartir tus conocimientos. Saludos desde Uruguay y vamo arriba a continuar.
+Jorge Boldrini Hola Jorge, lo de flex aquí: th-cam.com/video/yJ2EmWxEJUk/w-d-xo.html lo demás pues habría que hacer un video explicando el modelo de caja y ver lo de los display, estamos preparando un curso además de html. Gracias.
+J&G Proyectos Web Hola, Jean Carlos. Eso del curso de html me interesa muchísimo y mira por donde, vais a tocarlo. Muchas gracias.
Estaré atento, sin duda.
Muy bueno!!
Llegue 4 años despues y me gusto el video , me sera de utilidad :3
En hora buena, excelente canal, gracias por compartir, saludos y esperando sigas compartiendo con todos. gracias me has ayudado mucho
+JA ST ¡Muchas gracias!
eres un crack, podrias recomendarnos algunos tutoriales para complementar lo que compartes, algunas paginas o links de descarga de material. gracias saludos.
Un grandee 2021 y funciona a la perfección
Hola buenísimo concreto claro y sencillo. puedes comentarme su usas apache para tu 127.0.0.1? o el motor q uses?
+Ibar Mario Uso Wamp, pero el 127.0.0.1 es de la vista previa de brackets, no estoy ejecutando ningún servidor en ese momento
+J&G Proyectos Web muchas gracias, no lo conocía gracias a tu videotuto ya lo estoy descargando :) super!! gracias de nuevo y sigue adelante. :)
muy bien explicado! genio, muchas gracias
Excelente gracias bro Dtb.
Hola! de nuevo viendo tus videos, siempre tienes grandes ideas muy sencillas de realizar. Me encanta como explicas y tu carisma.
Si quieres una idea podrias hacer como incorporar efectos de "swipe" con los dedos para divs etc.. en los websites y que se usen desde plataformas moviles, por ejemplo.
Super, genial.
Consulta, que pasa si al borrar el texto y volver a escribir, se muestre otro texto. Cómo sería???
muy bueno hermano Bendiciones!
Muy buenos videos, muchisimas gracias.
juanca en el caso de que quiera que la animacion muestre el texto y en la segunda muestre otro texto, osea tener mas de una linea de texto, como seria crack?
Chingon!
Excelente. Eres un capo... Gracias!
Sos un genio!!
Excelente, me gusta como explicas :)
Muy buen tutoríal y colicuaci
Me encanta!!!
buen efecto, una duda como sería si tuviera que aparecer otra oracion?...exitos con tu canal. slds.
+Wilfredo Tito Salazar con otra etiqueta, otro p con span
amigooo si quiero hacer una canción ?? llega al limite el span como le amplio o alguien ?
Tengo una pregunta, no sé si se puede hacer sin js, podrías de alguna forma cuándo se borre el texto, que se escriba otro? que haga el efecto hasta donde sea, se borre y luego se escriba otra cosa
Tendrias que animar todo como aqui lo explica. Poner y luego quitar
Que ingenioso (Y)
muy buenos videos tienees, muchas gracias por toda tu forma de explicar :)
Si puedes enviar todo lo relacionado con animaciones te agradecería y enviame un número de teléfono o correo quiero plantearte algo gracias
Qué humilde eres
Una pregunta, como hago para que no se vea la barra negra que aparece cuando se escribe el texto?
La cuestión seria .. como hacerlo sin el background color, porque yo quiero tener una imagen de fondo, si coloco una imagen el background color se ve mal
amigo como hago esto pero con 2 frases diferentes??
excelente!!
Y que pasa si quiero poner una imagen en el background, aparace el color moviendose, una ayuda.
En serio estaria padre que diseñaras un chat... como el de facebook.. que se abra y cierre... obio solamente la idea
¡Gracias! ¿Cómo pones las tabs en Brackets?
+Roberth Solis Martínez th-cam.com/video/UngFUMhv2TY/w-d-xo.htmlm29s
Alguno lo hizo que le corre el span al réves ?? tapando las letras en vez de escribirlas ???
muy bueno :)
hermano estoy usando ese efecto para un carrusel de imágenes pero tengo problemas en poner este efecto a funcionar puedes ayudarme que pasa???
QUISIERA SABER COMO HAGO EFECTO DE MAQUINA DE ESCRIBIR EN UNA IMAGNE Y QUE LAS LETRAS SE VAYAN MOSTRANDO DE IZQUIERDA A DERECHA COMO SI APENAS SE FUERAN ESCRIBIENDO,PERO ENCIMA DE LA IMAGEN
excelente video ,,, como podria realizar esto utilizando crelly slider en wp gracias
Hola, no trabajamos con wordpress
crack ;)
Muito Obrigado , Ajudoume muito!
Excelente explicacion amigo, pero tengo un pequeño problema, no hay otra forma para que el texto igual tenga el mismo efecto pero que no necesite ajuro fondo, porque por ejemplo estoy creando una pagina y el background es una imagen, entonces el efecto no se ve bien porque sale esa raya color tomate
+anthony israel Hola, este ejemplo no funciona con imágenes, solo con colores sólidos.
J&G Proyectos Web habrá alguna forma que no sea con colores sólidos ?
+anthony israel para este ejemplo no, habría que usar JavaScript
J&G Proyectos Web ah ok amigo, tendrás algún vídeo dónde se pueda hacer dicho movimiento mediante el uso de javascript?
pero como hago si lo quiero poner sobre
una imagen
como sería si tengo más de una línea de codigo dónde quiero aplicar el efect?
saludos
hola, se que no tiene nada que ver con el vídeo pero me gustaría como centrar una imagen en CSS y que esta siempre este centrada desde cualquier dispositivo, gracias :D
+Saul Urias para center la imagen una solucion puede ser utiliza margin: 0 auto;
//Para que funcione le tendras que dar un ancho a la imagen
Ahora para que la imagen se pueda ver desde cualquier dispositivo y no se salga de los margenes del navegador utiliza las meria queries. Espero esto te ayude
+Saul Urias y que sea en porcentajes no en pixeles
amigo bien, pero el problema es que no queda bien cuando se tiene como fondo un vídeo, o una imagen ya que se queda viendo el color del background el que usted coloco color tomato, alguna solución?
***** El problema es que no queda el efecto de maquina de escribir, pues se queda viendo todo el texto.
+𝔊𝓡𝔦𝔰𝔱𝔥𝔦𝔞𝔫 𝓡𝔢𝔤𝔦𝔬 𝔊𝔬𝔱𝔥𝔦𝔠𝔲𝔪 𝔓𝔞𝔤𝔞𝔫𝔲𝔰𝔞𝔫𝔲𝔰 𝔐𝔲𝔩𝔱𝔦𝔡𝔢𝔦 en el caso de una imagen o un video no se podría, porque como explique en el video el span que es del mismo color del body o del h1, cubre el texto, en el caso de una imagen no se puede, allí si habría que usar javascript
que pasa si quiero hacer ese efecto sobre una imagen que pasaria con el background del span??
+Walter Corrales con una imagen de fondo no funciona, ahí si hay que usar JavaScript
Te funcionaría con una imagen de fondo si sobre ella pones el texto con un fondo del mismo color que el span.
A mi no me funciona! Lo copie tal cual lo explicar, pero no corre. Aparece texto en pantalla pero sin el efecto
no se que pasas pero los navegadores de hoy en dia no admiten animation ?
todos lo admiten, ¿por qué dices que no?
excelente, :)
Y si se hace a un texto largo con mas de 1 linea??
haz la prueba y ve cuanto se demora. Pero no creo que hayan problemas. Pero ahi si utilizaria un innerhtml para meterle frases al span y trabajar con el css.
Hola. Y si lo que quiero es que con cada vez que vuelve a descubrir el texto se muestre un texto diferente?
@LuK- Luc no, al final hice otra animación.
Y si necesito mltiples lineas se jodio el negocio
brackets te debe una buena paga por promoverlo ajajajajaja ya lo estoy descargando jio jio y muy buenos tutos hermano
+Rodrigo Garcia jajaja es verdad
Y si el fondo es una imagen?
No me funcionó, aún así dejo mi like por la intención seguro me equivoqué en algo jaja
Exitos!
no me funciona el efecto :'v y copie todo igual :c
Hola, si hubieras copiado igual, te funcionaría.
para los que quieren hacer este efecto en un background que sea una imagen y puro css sin javascript les recominedo este video.
th-cam.com/video/V0lIoo35Rrc/w-d-xo.html
No me funciono :(
:( lo e echo todo igual
no me salio y copie todo >;v
Es para una sola linea.. un bosta.
Consulta, que pasa si al borrar el texto y volver a escribir, se muestre otro texto. Cómo sería?