287 of 313 menu

scale ֆունկցիա

scale ֆունկցիան մասշտաբավորում է տարրը. մեծացնում կամ փոքրացնում է այն մի քանի անգամ: Մասշտաբավորումը կատարվում է այն կետի շուրջ, որը սահմանվում է transform-origin հատկությամբ:

Կարող է ընդունել մեկ կամ երկու պարամետր, որոնք թվարկվում են ստորակետով առանձնացված: Եթե պարամետրերը երկուսն են, առաջինը սահմանում է հորիզոնական մասշտաբավորումը, իսկ երկրորդը՝ ուղղահայաց: Եթե պարամետրը մեկ է, ապա այն սահմանում է միաժամանակ և՛ հորիզոնական, և՛ ուղղահայաց մասշտաբավորում:

Պարամետրերի արժեքը ամբողջ կամ կոտորակային թիվ է: Եթե այն մեծ է 1-ից, տարրը մեծանում է, եթե փոքր է (օրինակ՝ 0.5), տարրը փոքրանում է: Եթե սահմանել 1, ոչինչ չի փոխվի (սա էլ է լռելյայն արժեքը):

Շարահյուսություն

ընտրիչ { transform: scale(մեկ կամ երկու թիվ); }

Օրինակ

Բլոկի վրա դրվելու դեպքում կմեծացնենք մասշտաբը 1.5 անգամ երկու առանցքներով էլ.

<div id="elem">lorem ipsum</div> #elem { border: 1px solid black; width: 100px; height: 50px; } #elem:hover { transform: scale(1.5); }

:

Օրինակ

Կփոքրացնենք մասշտաբը 2 անգամ երկու առանցքներով էլ.

<div id="elem">lorem ipsum</div> #elem { border: 1px solid black; width: 100px; height: 50px; } #elem:hover { transform: scale(0.5); }

:

Օրինակ

Կմեծացնենք մասշտաբը 2 անգամ X առանցքով.

<div id="elem">lorem ipsum</div> #elem { border: 1px solid black; width: 100px; height: 50px; } #elem:hover { transform: scale(2, 1); }

:

Օրինակ

Կմեծացնենք մասշտաբը 2 անգամ Y առանցքով.

<div id="elem">lorem ipsum</div> #elem { border: 1px solid black; width: 100px; height: 50px; } #elem:hover { transform: scale(1, 2); }

:

Տես նաև

  • scaleX ֆունկցիան,
    որը սահմանում է մասշտաբավորում X առանցքով
  • scaleY ֆունկցիան,
    որը սահմանում է մասշտաբավորում Y առանցքով
Հայերեն
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Մենք օգտագործում ենք cookie-ներ կայքի աշխատանքի, վերլուծության և անհատականացման համար։ Տվյալների մշակումը կատարվում է համաձայն Գաղտնիության քաղաքականության։
ընդունել բոլորը կարգավորել մերժել