Стана така, че аз пиша статии poralelno Verstov нов дизайн. Мисля, че това е най-добрият вариант, тъй като е възможно да се веднага се справят с кода, който присъства там, отколкото да се търсят всички сред доста голям файл.
И днес, нашата цел ще бъде да се увеличи изображението, когато задържите, без да използвате й # 1072; vascript. Всичко ще бъде направено чрез CSS3.

Нека да се движат далеч от описанието на статията, тъй като това например може да се прилага не само за изображения, но също така и с различни видове блокове. Постепенно увеличение ще позволи да се съсредоточи върху вашия блок. Например това се илюстрира от статиите в този раздел, обаче, след това само за няколко ефекти. Независимо от това, те са акцент на информацията, с участието на потребителя.
Така че нека да създадете блок.

преливане собственост контролира изобразяването на съдържание блок елемент, ако тя излиза от определен размер. В нашия случай, скрит казва, че преливникът е скрита. Ако не се сложи преливане, а след това, когато задържите изображението ще бъде над определените граници. Това може да бъде полезно при различни случаи, но не и в нашата. Въпреки че не е лошо да погледнете в галерията.
Ширината и височината - ширина и височина. Са определени в зависимост от вида на вашите нужди. Този размер, в пътеките, които ще се увеличи изображението.
Да попитаме нашите анимационни стилове.

преход собственост определя времето, както и посоката на трансформация. преход всички каза, че трансформацията се извършва с всички страни. Той може да бъде най-добре (горе), дъно (дъно), и т.н. 1s показва време на трансформация. В нашия случай, това е 1 секунда. Ако искате да се ускори анимацията - Намаляване на времето. лекота на преход в имот означава, че анимацията започва бързо и се забавя към края.
трансформиране на имот ви дава възможност да се превърне в клетката. С този имот, можете да я оразмерявате, се движат, наклон. мащаб функция мащабира елемент хоризонтално и вертикално. 1 - 100%. По-малко от един, за да се намали. Повече от едно - увеличение.
Това е цялата урок за това как да се осигури плавно увеличение. Както можете да видите, че всичко е доста ясен и прост.

Уважаеми читатели! Ако сте открили грешка в текста, не се мързеливи, маркирайте думата и натиснете CTRL + Enter. Да направим езика чист!

Новини като: Smooth Увеличаването на мащаба на чист CSS3

Методи на свързване FAI # 774; ла Стил # 774; CSS

Днес ние говорим за на CSS3, и по-специално, за адаптивно vorstke. За много адаптивна vorstku обсъждахме в последната статия. В тази статия ще разгледаме с помощта на какви средства могат да бъдат CSS3 може да произведе подобен оформление. В действителност, има няколко опции за настройване на такива правила, а всеки

Депозитни Снимки - печелят в снимки

Много блогъри, saytostroiteli или просто потребители, разпределени в огромен брой изображения и снимки мрежа. И сега не е услуга, която ви позволява не само да се съхраняват изображенията не са на вашия хостинг (което обикновено не е толкова голям размер на свободно място), докато

Kasseler CMS

Kasseler - още един отличен система за строителната площадка. Най-новата версия на Kasseler глобалните промени са направени, тъй като има общата структура на версийте модули клас пълен. Просто клас Lite и Full ядро ​​стомана идентични.

Свързани статии

• Нетните активи на начини за увеличаване (Част 2) - членове на Роско

• Допълнителна капитал чрез увеличаване на нетните активи OOO