CSS трансформация има ефект на фона градиент. Въпреки че има лесни начини да имитират плавни преходи и градиентите в този урок ще разгледаме тях.
И защо се притеснявате за преходите на градиента? Отговорът е много прост: представете си ситуация, в която сте проектиране бутон на CSS3. За да им даде стилен външен вид почти сигурно да използват сенките, заоблени ъгли и наклони.
Прочетете урока и значително ще подобри начина на градиент бутони, особено за състоянието: висене.
Основни стилове
За да се докаже, ние използваме три оцветен правоъгълник, което ще направи всички следващи стъпки.
По-долу са важни само стилове, които са необходими за работата, и можете да видите, че на фона-цветът играе важна роля, тъй като цвета на фона ще бъде само предмет на прехода.
1. Предшестващо изображение
Тъй като преходът ценности се извършва за имот фон-цвят. Трябва да зададете полу-прозрачен фон с фон-изображение. Резултатът е плавен преход градиент на елемента, към които се прилагат стилове.
2. Box-сянка
Може би този метод е по- "мръсни", но тя работи добре. Вместо полупрозрачни фоново изображение, можете да използвате вътрешна сянка:
заключение
Методът е много проста и лесна за изпълнение. Голямото предимство е липсата на изисквания за използването на допълнителни маркиране.
До получаване на информация от два канала (зрение и слух) на ефективността на обучението далеч по-добър живот от книги. А домашните задачи и онлайн тестове ще ви позволи да мисля постоянно в целевия език и веднага провери знанията си!
Ако искате по-дълго време, за да проучи как да се HTML, че ме има, за което трябва добра новина!
Ако вече сте се научили HTML и искат да се движи напред, следващата стъпка ще бъде да се проучи CSS технологията.
Ако искате да се разбере концепцията на домейн и хостинг, да научат как да се създаде база данни, да качвате файлове към уеб сайт чрез FTP сървър, създаване на поддомейни, да конфигурирате пощенските кутии за сайта и мониторинг на посещаемостта, този курс е разработен специално за вас!
Свързани статии