Gradient tuyến tính trong css là gì?

CSS. linear-gradient() Hàm

Cải thiện bài viết

Lưu bài viết

Thích bài viết

  • Cập nhật lần cuối. 01 tháng 7 năm 2022

  • Đọc
  • Bàn luận
  • khóa học
  • Luyện tập
  • Băng hình
  • Cải thiện bài viết

    Lưu bài viết

    Hàm linear-gradient() là một hàm có sẵn trong CSS, được sử dụng để đặt gradient tuyến tính làm hình nền.
    Cú pháp.
     

    background-image: linear-gradient( direction, color1, color2, .. )

    Thông số. Chức năng này chấp nhận một tham số hướng và nhiều tham số màu được liệt kê bên dưới.
     

    • phương hướng. Tham số này được sử dụng để xác định điểm bắt đầu và hướng cùng với hiệu ứng chuyển màu
    • màu1, màu2,…. Tham số này được sử dụng để giữ giá trị màu theo sau là vị trí dừng tùy chọn của nó

    Các ví dụ dưới đây minh họa hàm linear-gradient() trong CSS.
    Ví dụ 1.
     

    html




    <!DOCTYPE html>

    <____3____4

        <head>

            <<!DOCTYPE html>1<!DOCTYPE html>2<!DOCTYPE html>1>

            <<!DOCTYPE html>7>

            <0

    <1<2

    <1<4

    <1<6

    <1<8

    <1html0

    <1html2

    <1html4

            html6

            html8

    <1>0

            html6

            ____44____17>

        >4head>

        <    3____4

            <    7____58    9>

            <<3 <4<5<6<7<3>

    _______5>4____53____4

    >4html>

    Đầu ra.
     

    Gradient tuyến tính trong css là gì?

    Ví dụ 2.
     

    html




    <!DOCTYPE html>

    <____3____4

        <head>

            <<!DOCTYPE html>1<!DOCTYPE html>2<!DOCTYPE html>1>

            <<!DOCTYPE html>7>

            <0

    <1<2

    <1<!DOCTYPE html>00

    <1<6

    <1<8

    <1html0

    <1html2

    <1html4

            html6

            html8

    <1>0

            html6

            ____44____17>

        >4head>

        <    3____4

            <    7____134    9>

            <<3 <4<5<6<7<3>

    _______5>4____53____4

    >4html>

    Đầu ra.
     

    Gradient tuyến tính trong css là gì?

    Trình duyệt được hỗ trợ

    • Google Chrome 26
    • Cạnh 12
    • Internet Explorer 10
    • Firefox 16
    • Opera 12. 1
    • Safari 7
       

    Ghi chú cá nhân của tôi arrow_drop_up

    Tiết kiệm

    Vui lòng Đăng nhập để nhận xét.

    Có bao nhiêu loại gradient trong CSS?

    Bạn có thể chọn trong số ba loại chuyển màu. tuyến tính (được tạo bằng hàm linear-gradient()), xuyên tâm (được tạo bằng hàm radial-gradient()) và hình nón (được tạo bằng hàm conic-gradient()).

    Hàm nào xác định độ dốc tuyến tính dưới dạng hình ảnh CSS?

    Hàm linear-gradient() là một hàm có sẵn trong CSS dùng để đặt gradient tuyến tính làm hình nền.

    Rgba trong gradient tuyến tính là gì?

    Dốc tuyến tính - Độ trong suốt . Tham số cuối cùng trong hàm rgba() có thể là giá trị từ 0 đến 1 và nó xác định độ trong suốt của màu. 0 biểu thị độ trong suốt hoàn toàn, 1 biểu thị đủ màu (không trong suốt). define the color stops. The last parameter in the rgba() function can be a value from 0 to 1, and it defines the transparency of the color: 0 indicates full transparency, 1 indicates full color (no transparency).

    Tỷ lệ phần trăm trong CSS gradient tuyến tính là gì?

    Cú pháp chuyển màu tuyến tính tương đương với việc đặt các điểm dừng màu như. trắng 50%, vàng 75% và đỏ 100% vì các điểm dừng không có giá trị phần trăm hoặc khoảng cách sẽ trải đều để lấp đầy khoảng trống còn lại.