Ви тут: Головна - CSS - CSS3 - Як зробити просту навігацію на HTML5 та CSS3.
Всім привіт! Сьогодні ми розглянемо, як зробити просту навігацію на HTML5 та CSS3. використовуючи псевдоклас: target.
(Section [id = "section -"]> h1> lipsum10 ^ p * 2> lipsum150) * 10
Тут буде дуже багато тексту, тому я не став вставляти вже готовий код, а прописав команду для плагіна Emmet. Якщо ви не знаєте, що це таке, то ви можете прочитати про це тут.
Після виконання команди, ви отримаєте кілька секцій, у кожній з яких свій унікальний id. Усередині кожної секції буде заголовок і текст.
Тепер пропишемо стилі для кожної секції.
@keyframes flash 0% background-color: yellow;
>
50% background-color: transparent;
>
>
section: target animation: flash 3s 1 ease-in-out;
>
Вам залишилося лише зробити посилання, де вказати id кожної секції в атрибуті href.
Отже, а у мене на цьому все. Дякую за увагу і удачі!
Запропонуйте цю статтю друзям:
Якщо Вам сподобався сайт, то розмістіть посилання на нього (у себе на сайті, на форумі, в контакті):
Вона виглядає ось так: