Funksiya scale
Funksiya scale elementi miqyaslayir:
onu bir nece defe boyudur veya kicildir.
Miqyaslama transform-origin
xassesi ile teyin olunan noqte ətrafinda heyata keçirilir.
Bir ve ya iki parametr qebul ede biler, vergulle ayrilmiş. Əgər parametrler iki olarsa - birinci parametr üfüqi, ikinci parametr isə şaquli miqyaslamanı teyin edir. Əgər parametr bir olarsa, o zaman üfüqi ve şaquli miqyaslamani eyni anda teyin edir.
Parametrlerin deyeri tam ve ya kesir ededdir.
Əgər o 1 -den boyukdurse - element boyuyur,
kiçik olarsa (meselen, 0.5) - element
kiçilir. Əgər 1 teyin etseniz - heç nə deyişmeyecek
(bu standart deyerdir).
Sintaksis
selektor {
transform: scale(bir ve ya iki eded);
}
Misal
Blokun üzerine gəldikdə miqyası hər iki ox üzrə 1.5
defe artiracayiq:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scale(1.5);
}
:
Misal
Miqyası hər iki ox üzrə 2 defe kicildek:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scale(0.5);
}
:
Misal
Miqyası X oxu üzrə 2 defe artiracayiq:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scale(2, 1);
}
:
Misal
Miqyası Y oxu üzrə 2 defe artiracayiq:
<div id="elem">lorem ipsum</div>
#elem {
border: 1px solid black;
width: 100px;
height: 50px;
}
#elem:hover {
transform: scale(1, 2);
}
: