Tools
Հաշվվում է տեղում

Բլոկի ստվեր

Կարգավորեք ստվերը և պատճենեք հատկությունը։

box-shadow: 8px 12px 24px 0px #00000055;

Արտահանումն ու ներմուծումը հասանելի են մուտքից հետո։ Մտնել

Շեղումը, լղոզումը, գույնը և inset-ը թարմացնում են նմուշը։

Գործիքի մասին

Ավելացրեք քարտերին, կոճակներին և մոդալ պատուհաններին փափուկ ստվեր։ Օրինակը ցույց է տալիս ստվերն իրական տարրի վրա, իսկ մեկ սեղմումը պատճենում է box-shadow հայտարարությունը։

Ինչպես օգտվել

  1. 01

    Դիտեք ստվերը քարտի օրինակի վրա։

  2. 02

    Պատճենեք box-shadow CSS-ը։

  3. 03

    Տեղադրեք այն ոճերում և անհրաժեշտության դեպքում ուղղեք արժեքները։

FAQ

Հաճախ տրվող հարցեր

Ի՞նչ են նշանակում box-shadow արժեքները

Հորիզոնական և ուղղահայաց շեղում, լղոզման շառավիղ, ձգում և գույն, ինչպես նաև inset՝ ներքին ստվերի համար։

Ստվերները դանդաղեցնո՞ւմ են էջը

Ստատիկ ստվերները էժան են։ Մեծ լղոզված ստվերների անիմացիան կարող է դանդաղ լինել․ ավելի լավ է անիմացիայի ենթարկել կեղծ տարրի թափանցիկությունը։