Байгалийн болон виртуал сүүдэр: сүүдэр CSS

юмсын болон материаллаг ертөнцийн үзэгдлийн олонхи нь ойлгоогүй ойлгож, тэдний ойлголт дээр нөлөө - өнгөрсөн мэдлэг хэрэглэх үр дүн. Бүх зүйл түүний сүүдэр байгалийн юм байна. янз бүрийн градус, зураг төсөл үргэлж энэ нь компьютерийн дэлгэц зөвшөөрсөн хэр бодит байдлыг тусгасан байна.

Орчин үеийн дэлгэцийн төхөөрөмжүүдийн хувьсал гайхалтай үр дүнд хүрсэн болон обьектуудын сүүдэр төлөөлөх хүсэл, зөвхөн тухайн тэр бодит амьдрал дээр ч бас өөрийн Компьютерийн шинэ дүр төрхөөр байдаг хэлбэрээр авах боломжтой болсон байна.

объект сүүдэр

Иймээс туяа дээр унах нь туяа тусгах нь үр дүн юм, учир нь цорын ганц зүйл бол нүд хандах ойлголт юм. Рэй "хайхрамжгүй" сансарт тодорхой цэг ойлголт, энэ объект түүнээс тусгагдсан гэрэлтүүлэх ба хүрээлэн буй обьектууд дээр болж байна, гэрэл, сүүдэр нь дур зоргоор тоглох бий болгож байна.

Shadow CSS үл хөдлөх хөрөнгийн бодит байдлын бодит байдлыг илэрхийлэх болно, харин сүүдэр нөлөө (а утгаар) байгалийн утгаар байдлаар гарган авч болно, компьютерийн шинэ хувилбар (гэхдээ хүн бүр сүүдэр байдаг, гэхдээ энэ нь "гарах гэж бодож байна" гэж болох юм).

Shade томилогдсон бөгөөд тэдгээр элементүүд нь шинж чанараараа энэ нь хэзээ ч байдаг вэ болно. виртуал ертөнц дэлхийн бодит динамик ба физик объект, үзэгдлийн шинэ хууль нь, зүгээр л одоогоор бодит арга замыг нээж чадахгүй, магадгүй тэд аль хэдийн байдаг хэдий ч авчирсан байна.

Shadow CSS шинж чанар

CSS ашиглан хүссэн сүүдэр зааж өгөх хялбар байдаг. Syntax хайрцаг-сүүдрийн элементийн ерөнхий тайлбар орсон болон параметрүүдийн цөөн тооны байдаг байна.

дараах байдлаар Shadow CSS-д сүүдэр параметр заасан байна. X ба Y, Blur, сунгах, өнгө, өөрчлөлт. бүдгэрүүлдэг радиус, дөрөв дэх - - элементийн хувьд сүүдэрт хэмжээ эхний хоёр тоо сүүдэр гишүүн, гурав дахь харьцангуй нүүлгэн тодорхойлно.

Тооллого, сөрөг байж болно өнгө нийтлэг журмын дагуу тодорхойлогдоно. Синтакс S Фажардо CSS бүх хөтчүүд дэмжиж байгаа, гэхдээ тохиолдол бүрт энэ нь сонголт сонгосон сүүдэрт хангалттай дэлгэц шалгах ач холбогдолтой.

учитывает выбранный радиус закругления и делает соответствующие изменения в образующейся тени. шинж чанар ашиглан сүүдрийг хил үед CSS муруйлтын радиус сонгосон харгалзан, мөн үр дүнд сүүдэрт зохих өөрчлөлтийг болгодог.

зураг төсөл сүүдэр

алдартай нь CSS Shadow Generator онлайн хэрэгсэл дотор. Shadows та зүгээр л хэдэн параметрүүдийг оруулж програмчилж болдог гэдгийг дурдах хэрэггүй. нийт дизайн холбоотой дизайн элемент. зөв утгыг тодорхойлохын тулд янз бүрийн үүсгүүр ашиглах нь маш тохиромжтой байдаг. Энэ нь цаг хугацаа хэмнэж, боломжтой бусад хөгжүүлэгчдийн туршлагыг ашиглах боломжтой болгодог.

Сайн хэрэгсэл CSSmatic санал болгодог - үр дүн лавлаж хариулах зарчмаар гарч ирэх ба үр дүн кодыг шууд авсан, таны төслийн руу оо болно. Та зөвхөн сүүдэр болон түүний параметрүүдийг, гэхдээ бодит өнгө, бүтэцтэй хүссэн зүйлийг тодорхойлж чадахгүй.

Mozilla, хөгжүүлэгч нь Tool та онлайнаар нь зөвхөн код элемент болон сүүдрийг олж авах боломжийг олгодог боловч бас өөрийн псевдо боловсруулах (: өмнө: дараа).

Мэдээж, S Фажардо CSS боломж сүүдэр дүрс дээр, элемент дотор хялбар түүний сүүдэрт хүссэн хэлбэр алдагдах ногдуулж, хүссэн үр авч өгөх биш, харин ил тод онд суурь өнгө нь үл хөдлөх хөрөнгийн үнэ цэнийг ашиглах.