🎚️CSS Шүүлтүүрийн Генератор

filter функция ба нэгж

CSS-ийн filter шинж чанар нь зураг эсвэл элементийн харагдац дээр эффект хэрэглэх шинж чанар бөгөөд, blur ба sepia гэх мэт функцийг хагас өндөр зайнаар салгаж бичдэг.

• px（пиксель）：blur функция нь мэдрүүлэх радиусыг px-ээр зааж өгөх функц бөгөөд, 4px-ийг зааж өгөхөд дүүргэлтийн радиус 4 пиксельч үргэлжлүүлэн өнгө уядаг.
• %（хувь）：brightness функция ба sepia функция нь эффектийн хүч чадлыг %-ээр зааж өгөх функцууд бөгөөд, brightness функцэд 100% нь анхны гэрэлтүүлэлт, 120% нь 20% илүү гэрэлтүүлсэн төлөв юм.
• deg（хэмжээ）：hue-rotate функция нь өнгөний төвлөрсөн дээр өнгөг эргүүлэх өнцгийг deg-ээр зааж өгөх функц бөгөөд, 180deg-ийг зааж өгөхөд өнгө эсрэгээр байрласан өнгөний төвлөрсөн рүү шилжинэ.

Яагаад бичих дарааллаар үр дүн өөрчлөгддөг вэ

filter-д байрлуулсан функцууд зүүнээс баруун тийш цагаар хэрэглэгддөг ба, өмнөх эффектыг хэрэглэсэн үр дүнд дараагийн эффект хэрэглэгддөг тул, байрлуулах дараалал өөрчлөгдөхөд харагдац нь өөрчлөгдөж болно. Жишээлбэл, хар цагаан болгоод сепиа хэрэглэвэл өнгөний сүүдэр үлддэг, сепиа хэрэглээд хар цагаан болговол өнгөний сүүдэр алга болно. Энэ хэрэгслээр хэрэглэх дараалал нь тогтмол байдаг ч, үүсгэн авсан CSS код боловсруулан дарааллыг өөрчилж болно.

backdrop-filter-тай ялгаа

filter ба backdrop-filter нь ижил функцийг ашиглаж болох шинж чанар боловч, эффектыг хэрэглэх зорилго нь ялгаатай байна.

• filter：filter нь заасан элемент өөрөө（зураг ба үсэг гэх мэт）-ийн харагдац дээр эффект хэрэглэх шинж чанар юм.
• backdrop-filter：backdrop-filter нь заасан элементийн ар суурь сүүдэрт харагдах хэсэг дээр эффект хэрэглэх шинж чанар бөгөөд, шилний ар сүүдэр үйлийн төрөл дээр ашиглагддаг.