Транзишъни

Безплатни 20 урока
регистрирай се и научи

Ако сте вече потребител - Регистриран съм
Видео

Тест за преминаване към следващия урок

 
За какво служат транзишъните?
За плавно преминаване от една към друга стойност на даден стил.
За по-голяма интерактивност и по-плавна динамика при работа със сайта.
И двете.
 
Кои са необходимите пропъртита, за създаване на един транзишън?
"transition-property" и "transition-duration"
"transition-delay" и "transition-timing-function"
И двете

Въпроси и отговори

  • За какво служи text-indent?

    Hristo:

    В задача 7-9 се появи стила text-indent. Виждам, че отмества желания текст на дясно, но това се постига и с padding... Моля за повече информация за text-indent.

    Грациела Георгиева:

    Здравей, Има разлика между двете свойства и тя е следната:
    - padding се използва за поставяне на разстояние на целия текстов абзац
    - text-indent се използва за поставяне на разстояние (отстъп) само на първия ред от абзаца спрямо другия текст, тоест текстът изглежда като написан в книга, ако се сещаш как в началото на абзаците или главите в книги има отстъп на първия ред от текста

    Тук можеш да видиш разликата. :)

  • Може ли

    Jullian Angelov:

    да въвведем втори транзишън, с който след hover да изчака някакво време и независимо дали сме още с курсорът върху обекта или не, да върне квадратчето обратно, но след определено време ( примерно 10 или 15 секунди ), колкото да разгледаме съдържанието и да си го прибере?

    Борис Митев:

    Това може да се постигне с animation. Силата на animation е в контрола на keyframe-овете. Практически може да направиш анимация дълга 10 секунди като показването и прибирането се случват в първите и последните 5% от анимацията, а през останалите 90% анимацията седи без да прави нищо. Така получаваш 9 секунди пауза между полазване и скриване.