Chạy ❯
Nhận trang web của
riêng
bạn
×
Thay đổi định hướng
Lưu mã
Thay đổi chủ đề, Tối/Sáng
Đi tới Không gian
<!DOCTYPE html> <html> <body> <h2>Bộ lọc SVG feBlend</h2> <svg width="400" Height="550" xmlns="https://www.w3.org/2000/svg" > <defs> <TuyếnGradient id="MyGradient" gradientUnits="userSpaceOnUse" x1="100" y1="0" x2="300" y2="0"> <stop offset="0" style="stop-color :#000000" /> <stop offset=".33" style="stop-color:#ffffff" /> <stop offset=".67" style="stop-color:#ffff00" /> <stop offset= "1" style="stop-color:#808080" /> </TuyếnGradient> <filter id="normal"> <feBlend mode="normal" in="SourceGraphic" /> </filter> <filter id=" nhân"> <feBlend mode="multiply" in="SourceGraphic" /> </filter> <filter id="screen"> <feBlend mode="screen" in="SourceGraphic" /> </filter> <filter id ="darken"> <feBlend mode="darken" in="SourceGraphic" /> </filter> <filter id="lighten"> <feBlend mode="lighten" in="SourceGraphic" /> </filter> < /defs> <g style="enable-background:new"> <direct x="40" y="20" width="300" Height="450" style="fill:url(#MyGradient)" /> <g style="font-size:75px;fill:#888888;fill-opacity:.6"> <text x="50" y="90" filter="url(#normal)">Bình thường</text > <text x="50" y="180" filter="url(#multiply)">Nhân</text> <text x="50" y="270" filter="url(#screen)"> Màn hình</text> <text x="50" y="360" filter="url(#darken)">Làm tối</text> <text x="50" y="450" filter="url(# làm sáng)">Làm sáng</text> </g> </g> Xin lỗi, trình duyệt của bạn không hỗ trợ SVG nội tuyến. </svg> </body> </html>