Тръгваме от горния панел с помощта на CSS, дизайн и разработка на сайта

Добър ден 🙂

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

Лично аз имам няколко пъти използва подобна техника. Чрез използването на CSS, този метод не е сложна и разбираемо. Един пример за това, което се случва, може да се види по-долу.

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

За да започнете да ни анимация да напусне панел, добавя стил. Това трябва да се направи, например, в края на вашия CSS файл. Което се поставя в папка на вашия сайт. В зависимост от това, което вашата система или samopisny стилове сайт може да бъде в различни папки, както и да се нарича по различен начин. Най-често тя се нарича - style.php.

Това е цялата панел. Стилове променят за себе си, да персонализирате и да добавите към устройството дете в оформлението му информация. Стиловете можете да персонализирате външния вид на времето. Той се прилага от параметъра - преход. В този пример, времето на поява е равна на 0.3 секунди. Можете да промените от себе си.

По избор може да промените позицията на панела и той се движи надолу. За да направите това в кода с стиловете, всички параметри - топ: заменени от дъното. За да напишете същия код със замяната няма да parі параметри. Мисля, че ще се справи с тази задача.

Това е всичко, благодаря ви за вниманието. 🙂

Ако сте били от полза за работата си, можете да подкрепят сайта :)

Здравейте скъпи приятели

Имате AdBlock инсталирано разширение или други подобни. Добавете сайта си в белия списък, и по този начин да допринесе за vnesesh неговото развитие. Инструкции за това как да деактивирате AdBlock искат този прозорец