01/10/2018, 08:19

Làm biến mất từng chữ từ phải sang trái của đoạn text

Em có một dòng text trong HTML, giờ em muốn làm biến mất từng chữ từ phải sang trái của đoạn text đó thì làm như thế nào ạ. Em vẫn còn gà mờ lắm ạ, thế nên có ai cho em xin code hoàn chỉnh luôn được thì tốt ạ. Em cảm ơn

*grab popcorn* viết 10:26 ngày 01/10/2018

dùng text-direction
http://www.w3schools.com/cssref/pr_text_direction.asp

HuJunPiO viết 10:35 ngày 01/10/2018

bác cho em code hoàn chỉnh với, phần này em còn gà mơ quá mà cần luôn

*grab popcorn* viết 10:32 ngày 01/10/2018

Trong link mình ngta có code mẫu rồi mà :~ Bấm vô try it yourself ấy

HuJunPiO viết 10:30 ngày 01/10/2018

Hình như bác hiểu sai ý em rồi ạ. Em muốn kiểu như dòng text đang bị xóa đi từng chữ một từ phải sang trái cơ bác, của bác hình như là di chuyển text

Người bị bơ viết 10:24 ngày 01/10/2018

Typer effect, google nhé (phải có js hoặc jquery nữa)
Một ví dụ:

CodePen

Transmission: Glowing Text Animation

A little glowing text animation. First, some js to wrap each letter in a span. Then a keyframe animation, with animation-delay mixin, lights up each le...


Ví dụ khác:
CodePen

JS Typewriter

...

*grab popcorn* viết 10:21 ngày 01/10/2018

Sr bạn, mình đọc ẩu quá
Anyway, bạn Quan_Tran có đưa bạn code r. Thôi thấy chỉ bậy nên cũng ráng viết lại đoạn code nhỏ giống ý bạn(hy vọng lần này đúng)

CodePen

zNyrNm

...

Nguyễn Duy Hùng viết 10:32 ngày 01/10/2018

Hay nhỉ chắc phải học Javascript quá :v

Nguyễn Duy Hùng viết 10:32 ngày 01/10/2018

ủa nhưng mà sau khi đã cắt hết rồi thì cho nó hiện lại từ đầu rồi cắt tiếp như thế nào bạn.

*grab popcorn* viết 10:20 ngày 01/10/2018

Thì mình lưu giá trị ban đầu vào 1 biến tạm
Rồi ở chỗ clearInterval thay str = cái biến tạm đó là nó chạy tiếp

HuJunPiO viết 10:20 ngày 01/10/2018

tuyệt quá bác, đúng ý em

Người bị bơ viết 10:33 ngày 01/10/2018

Bữa trước thấy nó hay, củng từ 1 bạn hỏi hiệu ứng này :). Còn gà nên làm mãi vẫn bị cái lỗi là nó giật ra 1 đoạn văn bản trước rồi nó mới đém từ chử đầu tới chử cuối :v, loay hoay cã ngày mới fix được.

HuJunPiO viết 10:28 ngày 01/10/2018

bác ơi bác viết full code hiện rồi xóa cho em xin với

HuJunPiO viết 10:33 ngày 01/10/2018

cái code thứ hai làm sao để nó không lặp lại và điểu chỉnh được speed viết thế bác

Bài liên quan
0