Градиент Gray-Blue

Пример отображения градиента и текста:

Это пример параграфа с текстом, который использует цвет с кодом #6E748E. Цвет текста гармонирует с основным цветом градиента #8C92AC.

Статистика: Просмотров 287 Нравится 0

Коды используемых цветов:

Цвет Демонстрация Код HEX Код RGB
Цвет 1 (верх) #8C92AC 140.146.172
Цвет 2 (низ) #7D839D 125.131.157
Цвет рамки #6E748E 110.116.142
Цвет тени #9BA1BB 155.161.187
Цвет текста 1234567890 #6E748E 110.116.142

CSS3-стили:

background: #8C92AC;
color: #6E748E;
background: linear-gradient(to bottom, #8C92AC 0%, #7D839D 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8C92AC), color-stop(100%, #7D839D));
background: -webkit-linear-gradient(top, #8C92AC 0%, #7D839D 100%);
background: -moz-linear-gradient(top, #8C92AC 0%, #7D839D 100%);
background: -o-linear-gradient(top, #8C92AC 0%, #7D839D 100%);
background: -ms-linear-gradient(top, #8C92AC 0%, #7D839D 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C92AC', endColorstr='#7D839D', GradientType=0);
border: 1px solid #6E748E;
text-shadow: 0 1px 0 #9BA1BB;
-webkit-text-shadow: 0 1px 0 #9BA1BB;
-moz-text-shadow: 0 1px 0 #9BA1BB;
box-shadow: inset 0 1px 0 #9BA1BB;
-webkit-box-shadow: inset 0 1px 0 #9BA1BB;
-moz-box-shadow: inset 0 1px 0 #9BA1BB;
Содержимое скопировано в буфер. Содержимое не было скопировано. Используйте "Ctrl + C".