Новогодняя открытка

Данный пример выполнен на CSS и коротким JS, который служит для смены класса.

Открытка открывается по клику и отлично выглядит на всех экранах.

Пример:

С Новым Годом

С Новым годом! Волшебства,
Смеха, счастья и тепла,
Мира, радостей, достатка
И во всех делах порядка!

Пусть все серое, плохое
Старый год возьмет с собою.
Впредь лишь светлые мгновенья
Создают пусть настроенье!

HTML:

JS:

CSS:

Размер шрифта для всех разрешений экрана указан конкретно под текст этого поздравления.

Для оформления открытки используются фотографии и текстуры:

  • Фоновая картинка: bg.jpg
  • Обложка открытки: front-bg.png
  • Фон внутри открытки: pattern.png
  • Надпись с Новым Годом: text.png

Найдено на codepen.io у пользователя Łukasz Niedźwiecki

1

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!