Генератор кода закругленных углов.

Понедельник, 20 Января 2014 г. 22:13 + в цитатник

Цитата сообщения MORE20

Прочитать целиком В свой цитатник или сообщество!

Генератор кода закругленных углов.

1 - цвет фона

2 - цвет границы

3 - цвет тени

4 - прозрачность

5 - размер тени

Тут всё понятно, тянем за ползунки и сразу видим результат.

Выделив и заменив цифры, можно получить неожиданный результат, все значения можно вводить с клавиатуры.

1 - нажав, можно скопировать весь код в "буфер обмена".

Также можно выделить и скопировать код самому,
на рисунке выделен код:

-webkit-border-radius: 99px 0px 99px 0px;
-moz-border-radius: 99px 0px 99px 0px; - код закругления углов
border-radius: 99px 0px 99px 0px;

border:3px solid #FFFF00; - 3px- ширина границы, solid - вид границы,
#FFFF00 - цвет границы.

background-color:#E3A20B; - цвет фона.

-webkit-box-shadow: #B3B3B3 21px 21px 21px;
-moz-box-shadow: #B3B3B3 21px 21px 21px; - код тени
box-shadow: #B3B3B3 21px 21px 21px;

перейти к генератору

alexxloo

MORE20

Серия сообщений "Картинки - обработка":
Часть 1 - Урок «Вырезаем Текст из любого Изображения» / Видео-Урок
Часть 2 - Урок ФШ от Ольги Бор "Как растянуть фон картинки
Часть 3 - Генератор кода закругленных углов.
Часть 4 - Как быстро вставить картинку в комментарий, пост.Быстро увеличить или уменьшить ее. Урок
Часть 5 - Как сделать картинку ссылкой на ваш сайт,блог или вашу страничку?!Урок
...
Часть 19 - Как в ФШ убрать с картинки надпись
Часть 20 - Дополнение к уроку-ФЛЭШКА и как вставить ее в картинку (для новичков)
Часть 21 - Про Кликабельные ссылки и коды картинок