Как да създадете анимирани меню за сайт, Rudebox

Идеята за това меню е, че първоначално тя изглежда като обикновена тъпа навигация, но когато курсора на мишката се премества от под-навигационни оси, и те светне с различни цветове, което е много колоритен външен вид и привлича окото. И така, нека да започнем.

Стъпка 1. HTML

За да започнете, помислете за оформлението. Това HTML-код съдържа неподредените списъци. Всеки елемент от списъка е връзка с котва текст. В участъка маркер подписа на позиция от менюто.

  • основен

  • новини

  • Денвър

  • контакти

  • съгласие

  • За нас

  • въпроси

    Както можете да видите, маркирането е достатъчно проста, този детайл се спирам на това не си струва. Преминете към следващата стъпка.

    Как да създадете анимирани меню за сайт, Rudebox

    Стъпка 2. CSS

    За всеки елемент, ние използваме ширината на стойността на 25%. , която ви позволява да поставите четирите опции в менюто на всеки ред. Текстът на всеки елемент се изравни с центъра на списъка.

    • Gigabajt: Здравейте. Свържете се с нашата компания-Nevozmozhnogo.rf Bureau - помощ. ).
    • Sinaps: Въпросът е какво? И други виждат нещо, което някой рисува? Той е подходящ за споделяне.
    • Игор Льоб: затворен)
    • лас: но тъй като тя се добавя към сайта.
    • Давид: Благодаря ви за намек)
    • Опърничавата: Гражданите имат никаква стойност мишка е сред най-лупа! За да премахнете стрелката, е необходимо да се добави .example курсора.
    • serj_ben: Благодаря ви много) коригира!
    • DiCorp: Здравейте. Според невъзможността да пиша ти пиша тук. Забелязах, малък сайт kosyachki. 1) К

    блог анкета

    Нашите партньори

    Популярни статии