HTML + CSS – Слайдер-карточка
Условие:
Сверстай компонент карточки, в которой:
- есть фото (например, 300x200),
- поверх фото затемнение при ховере,
- и стрелки по бокам (влево / вправо),
- при клике на стрелку — карточка меняется (слайд).
Усложнение: Сделай без JS, только на CSS (используй :checked, label, input[type=radio], position: absolute и т.п.).
#домашка
Условие:
Сверстай компонент карточки, в которой:
- есть фото (например, 300x200),
- поверх фото затемнение при ховере,
- и стрелки по бокам (влево / вправо),
- при клике на стрелку — карточка меняется (слайд).
Усложнение: Сделай без JS, только на CSS (используй :checked, label, input[type=radio], position: absolute и т.п.).
#домашка
Подборка лучших постов за прошлую неделю
Лучшие статьи @free_html_lessons:
1. inverse text-sizing with attr
2. Атрибут novalidate
3. Как валидировать формы на JavaScript
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend Developer (React)
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web Designer
2. UX/UI дизайнер
#лучшеезанеделю
Лучшие статьи @free_html_lessons:
1. inverse text-sizing with attr
2. Атрибут novalidate
3. Как валидировать формы на JavaScript
Лучшие фронтенд вакансии @job_webdev:
1. HTML-верстальщик
2. Frontend Developer (React)
3. HTML-верстальщик
Лучшие дизайн вакансии @job_webdesign:
1. Web Designer
2. UX/UI дизайнер
#лучшеезанеделю