CSS տեքստի ստվերի գեներատոր
Ստեղծեք CSS text-shadow կոդ՝ կարգավորելով հորիզոնական և ուղղահայաց շեղումները, լղոզումն ու ստվերի գույնը։
Գործարկել գործիքը
Առցանց գործիքը ձևավորում է CSS text-shadow կանոն տեքստի ստվերի հորիզոնական շեղման, ուղղահայաց շեղման, լղոզման շառավղի և գույնի հիման վրա։ Վեբ ծրագրավորման մեջ տեքստային ստվերները բարելավում են վերնագրերի ընթեռնելիությունը, ստեղծում տարածական խորության զգացողություն և ընդգծում կարևոր տեսողական տարրերը էջի վրա։ Բոլոր մուտքագրվող թվային պարամետրերը ավտոմատ կերպով ստանում են պիքսելային միավորներ (px), իսկ ձևավորված տողն ավարտվում է կետ-ստորակետով։ Եթե դաշտերը թողնեք դատարկ, ծրագիրը կիրառում է լռելյայն հիմնական արժեքներ՝ հորիզոնական շեղում 1, ուղղահայաց շեղում 1, լղոզում 2 և կիսաթափանցիկ սև գույն (#00000033)։ Գործիքը հավասարապես ընդունում է ինչպես զրոյական, այնպես էլ դրական կամ բացասական թվեր։ Շեղումների և լղոզման պարամետրերը թույլ են տալիս ստեղծել նուրբ եզրագծեր, փափուկ լուսարձակումներ կամ ընդգծված ստվերներ։ Դուք կարող եք փոփոխել ստվերի երանգը տեքստային դաշտում՝ նշելով ցանկալի գունային կոդը։ Գեներացված պատրաստի կոդը կարող եք անմիջապես պատճենել և տեղադրել ձեր կայքի CSS ֆայլում։
Հրահանգներ
- Մուտքագրեք հորիզոնական շեղման արժեքը (Offset X) կամ թողեք դատարկ՝ լռելյայն 1px կիրառելու համար:
- Մուտքագրեք ուղղահայաց շեղման արժեքը (Offset Y) կամ թողեք դատարկ՝ լռելյայն 1px կիրառելու համար:
- Լրացրեք լղոզման չափը (Blur) կամ թողեք լռելյայն 2px արժեքը:
- Նշեք ստվերի գույնը (Color) տեքստային դաշտում կամ օգտագործեք լռելյայն #00000033 գույնը:
- Սեղմեք գեներացման կոճակը և պատճենեք ստացված CSS կոդը ձեր նախագծի համար:
Օրինակներ
- Մուտքագրելով Offset X = 2, Offset Y = 2, Blur = 4 և Color = #00000080, ստանում եք «text-shadow: 2px 2px 4px #00000080;» տողը:
- Եթե նշեք Offset X = 0, Offset Y = 0, Blur = 10 և Color = rgba(0,0,0,0.5), կձևավորվի «text-shadow: 0px 0px 10px rgba(0,0,0,0.5);» կոդը:
ՀՏՀ
Ի՞նչ արժեքներ են օգտագործվում, եթե դաշտերը չլրացվեն:
Եթե դաշտերը դատարկ մնան, կիրառվում են լռելյայն պարամետրերը՝ 1px հորիզոնական շեղում, 1px ուղղահայաց շեղում, 2px լղոզում և #00000033 գույն:
Հնարավո՞ր է օգտագործել զրոյական կամ բացասական շեղումներ:
Այո, հորիզոնական և ուղղահայաց շեղումների համար կարող եք մուտքագրել ինչպես զրո, այնպես էլ բացասական թվեր՝ ստվերը դեպի ձախ կամ վերև ուղղելու համար:
Ի՞նչ չափման միավորներ են ավելացվում թվերին:
Շեղումների և լղոզման բոլոր թվային արժեքներին ավտոմատ կերպով կցվում է px (պիքսել) միավորը: