Counting Number Animation, Count Up trên themes Flatsome như thế nào?

Thảo luận trong 'Ngôn ngữ lập trình CSS, HTML, HTML5' bắt đầu bởi seolagi, 11/6/23.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,044
    Đã được thích:
    81
    Điểm thành tích:
    48
    Chào mọi người, em đang muốn tạo 1 cái Counting Number Animation thông tin công ty như hình dưới, các số nó sẽ tự động chạy từ 0 đến số em nhập vào như hình dưới.
    Trong flatsome em chỉ thấy có cái CountDown thôi, có cái Count Up cũng kiểu tương tự như vậy không? hoặc có pluign nào không cho em cái tên plugin với, cảm ơn mọi người.
    number-counting-animation-flatsome-wordpress.jpg
     
    Cảm ơn đã xem bài:

    Counting Number Animation, Count Up trên themes Flatsome như thế nào?

  2. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,990
    Đã được thích:
    1,214
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Cách 1:

    Cái này mặc định của flatsome có sẵn rồi Minh ah. Tại các bạn ít ai để ý thôi.
    Chỉ cần chèn code sau vào html vị trí bất kỳ nó sẽ được như em cần, rồi css lại cho đẹp là xong.
    HTML:
    <span class="count-up">1000</span>
    DEMO ví dụ:

    count-up-number.jpg

    Chỉ cần vào Flatsome tạo 1 IconBox chèn logo icon vào cần, rồi vào Text của nó chèn mã vô là được ngay như trên, css lại theo ý cho đẹp.

    add-text-flatsome.jpg

    add-text.jpg

    Cách 2:

    Sử dụng các plugin sau để làm.
    1. https://wordpress.org/plugins/counter-number-showcase/
    2. https://wordpress.org/plugins/wp-counter-up/
    3. https://wordpress.org/plugins/animated-number-counters/
     
    Chỉnh sửa cuối: 11/6/23