Безплатно! Онлайн събитие: От претоварване с информация до фокус и структура с Gemini & NotebookLM Регистрация тук.

Задача: Динамичен сайт

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

HTML5 и CSS3 В курса ще се научите как да създавате съвременни уеб страници с помощта на HTML и CSS. Това обучение е подходящо за напълно начинаещи и ще ви помогне да усвоите основите на уеб разработката, като научите как да създавате структура и стил на уеб страници.

Създай динамично CV с плавни анимации

Целта на задачата е да превърнеш статичното CV в жива и интерактивна страница, използвайки transitions и CSS анимации. Най-важното е съдържанието да не се появява рязко, а плавно и последователно, така че да насочва вниманието на потребителя. Добрите анимации не са просто ефект – те подобряват усещането за качество и професионализъм.

Стъпка по стъпка как да реализираш ефектите

Анимирай заглавната част (име и длъжност) – нека се появяват с постепенно увеличаване на прозрачността.
Направи timeline-а и секциите в дясната колона да се плъзгат нагоре от долната част на страницата, една след друга.
Анимирай менюто така, че да се появява, плъзгайки се от горната част на екрана.
Добави анимация към skill секцията:
- първо се визуализират всички точки (отдясно наляво),
- след това се запълват до нивото на съответното умение.
При малки екрани направи менюто да се показва плавно отдясно при hover, а бутонът за меню да се скрива и показва с transition.

Основни CSS техники в задачата

transition – за плавна промяна на прозрачност, позиция и видимост
@keyframes – за по-сложни анимации (например при skill индикаторите)
opacity – за ефект на постепенно появяване
transform – за преместване (slide-in ефекти)
:hover – за интерактивно поведение на менюто

Задача

Изпълни всички описани анимации върху своето CV. Стреми се движенията да са плавни, с подходяща продължителност и логична последователност, така че цялата страница да изглежда като един завършен, динамичен продукт.