Объёмные текстовые рамочки с цветной тенью.
25-02-2023 09:56
к комментариям - к полной версии
- понравилось!
Это цитата сообщения Юлия_Гурбер Оригинальное сообщение
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения Юлия_Гурбер Оригинальное сообщение
Объёмные текстовые рамочки с цветной тенью.
Рамки оригинальные.
РАМКИ ОРИГИНАЛЬНЫЕ С ПОМОЩЬЮ CSS. УРОК ЮЛИИ ГУРБЕР
Такие вот оригинальные рамки (блоки) увидела на одном сайте.
Думаю, в них целесообразно менять лишь несколько значений:
Верхняя рамка:
Меняем цвет фона background: #8FD532;.
Обозначение цвета: #8FD532, просто оставляем решётку #,
убираем 8FD532, и ставим свой цвет.
Обратили внимание на внутреннюю тень, создающую скос? Она
на самом деле жёлтого цвета, поэтому цвета для фона подбирайте
зелёно-голубого диапазона. Другие просто не подойдут.
Далее по-порядку стоит размер рамки width: 590px;, вместо 590 подставляем своё значение.
И, наконец, меняем вид шрифта, его размер и цвет. Это строка
font-family: Georgia; font-size: 21px; font-style: italic; color:#003366;,
где Georgia — вид шрифта, 21 — размер, #003366 — цвет.
Нижняя рамка:
Меняем цвет фона background: #87CEFA;. Тут можно указать
любой цвет, на котором будет хорошо смотреться белый шрифт.
Далее видим размер рамки width: 590px;, вместо 590 подставляем
своё значение.
У шрифта не трогаем цвет (он красивый белый с тенью), но можем поменять вид шрифта — font-family: Georgia; и его размер — font-size: 23px;
источник: http://olocoder.ru/CSS26.html
Подготовила Юлия Гурбер
Здесь будет ваш текст
Ваша подпись
Здесь будет ваш текст
Ваша подпись
Думаю, в них целесообразно менять лишь несколько значений:
Верхняя рамка:
Меняем цвет фона background: #8FD532;.
Обозначение цвета: #8FD532, просто оставляем решётку #,
убираем 8FD532, и ставим свой цвет.
Обратили внимание на внутреннюю тень, создающую скос? Она
на самом деле жёлтого цвета, поэтому цвета для фона подбирайте
зелёно-голубого диапазона. Другие просто не подойдут.
Далее по-порядку стоит размер рамки width: 590px;, вместо 590 подставляем своё значение.
И, наконец, меняем вид шрифта, его размер и цвет. Это строка
font-family: Georgia; font-size: 21px; font-style: italic; color:#003366;,
где Georgia — вид шрифта, 21 — размер, #003366 — цвет.
Нижняя рамка:
Меняем цвет фона background: #87CEFA;. Тут можно указать
любой цвет, на котором будет хорошо смотреться белый шрифт.
Далее видим размер рамки width: 590px;, вместо 590 подставляем
своё значение.
У шрифта не трогаем цвет (он красивый белый с тенью), но можем поменять вид шрифта — font-family: Georgia; и его размер — font-size: 23px;
источник: http://olocoder.ru/CSS26.html
Подготовила Юлия Гурбер
Комментарии (1):
Хитр_из_Дупла
01-03-2023-21:34
удалить
Tanyusha100, с благодарностью цитирую!
Комментарии (1):
вверх^
Вы сейчас не можете прокомментировать это сообщение.
Дневник Объёмные текстовые рамочки с цветной тенью. | Tanyusha100 - Дневник Tanyusha100 - "Дом и семья" |
Лента друзей Tanyusha100
/ Полная версия
Добавить в друзья
Страницы:
раньше»