Помощник
 |
|
|
|
|
Сообщение сайта
|
 градиент в Css? |
[weber]
|
Сообщение
#1
|
||
 0  Группа: User Сообщений: 135 Регистрация: 3.3.2008 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
Diablo_hb
|
 20.4.2008, 11:51;
Ответить: Diablo_hb
Сообщение
#2
|
 0 Группа: User Сообщений: 2503 Регистрация: 7.3.2007 Поблагодарили: 0 раз Репутация: 0
|
нет, градиент может задан только картинкой
|
|
|
|
|
Exterior
|
20.4.2008, 13:08;
Ответить: Exterior
Сообщение
#3
|
 0 Группа: User Сообщений: 1780 Регистрация: 15.11.2007 Поблагодарили: 0 раз Репутация: 0
|
[weber], IE для - фильтры.
Но можно сделать и кроссбраузерно исключительно с помощью CSS и HTML... ;) |
|
|
|
|
Diablo_hb
|
20.4.2008, 17:39;
Ответить: Diablo_hb
Сообщение
#4
|
|
0 Группа: User Сообщений: 2503 Регистрация: 7.3.2007 Поблагодарили: 0 раз Репутация: 0
|
ну, - градиент то необязательно с одонго цвета в другой - причем есть радиальные, сферические и тд и тп
по уму легче и надежнее всештаки просто полоска в 1px )) да и кода займет мизер |
|
|
|
|
Exterior
|
20.4.2008, 20:13;
Ответить: Exterior
Сообщение
#5
|
|
0 Группа: User Сообщений: 1780 Регистрация: 15.11.2007 Поблагодарили: 0 раз Репутация: 0
|
согласен, кода будет больше, но и с помощью css-html можно сделать различные типы градиента, если очень постараться
|
|
|
|
|
Albert_hb
|
10.6.2008, 12:21;
Ответить: Albert_hb
Сообщение
#6
|
 0 Группа: User Сообщений: 87 Регистрация: 27.10.2007 Поблагодарили: 0 раз Репутация: 0
|
(Exterior @ 20.4.2008, 23:13)  согласен, кода будет больше, но и с помощью css-html можно сделать различные типы градиента, если очень постараться А примерчик самый простой можно?
|
|
|
|
|
Exterior
|
10.6.2008, 12:48;
Ответить: Exterior
Сообщение
#7
|
|
0 Группа: User Сообщений: 1780 Регистрация: 15.11.2007 Поблагодарили: 0 раз Репутация: 0
|
да пожалуйста, из одного цвета в другой:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>CSS Gradients Demo</title> <style type="text/css"> html, body { margin: 0; padding: 0; } #c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8, #c9, #c10, #c11, #c12, #c13, #c14, #c15, #c16, #c17, #c18, #c19, #c20, #c21, #c22, #c23, #c24, #c25, #c26, #c27, #c28 { height: 1px; font-size: 0px; } #c1 {background:rgb(255,0,0)} #c2 {background:rgb(255,10,0)} #c3 {background:rgb(245,20,0)} #c4 {background:rgb(240,30,0)} #c5 {background:rgb(230,40,0)} #c6 {background:rgb(220,50,0)} #c7 {background:rgb(210,60,0)} #c8 {background:rgb(200,70,0)} #c9 {background:rgb(190,80,0)} #c10 {background:rgb(180,90,0)} #c11 {background:rgb(170,100,0)} #c12 {background:rgb(160,110,0)} #c13 {background:rgb(150,120,0)} #c14 {background:rgb(140,130,0)} #c15 {background:rgb(130,140,0)} #c16 {background:rgb(120,150,0)} #c17 {background:rgb(110,160,0)} #c18 {background:rgb(100,170,0)} #c19 {background:rgb(90,180,0)} #c20 {background:rgb(80,190,0)} #c21 {background:rgb(70,200,0)} #c22 {background:rgb(60,210,0)} #c23 {background:rgb(50,220,0)} #c24 {background:rgb(40,230,0)} #c25 {background:rgb(30,240,0)} #c26 {background:rgb(20,245,0)} #c27 {background:rgb(10,250,0)} #c28 {background:rgb(0,255,0)} </style> </head> <body> <div style="width:200px; height:200px;"> <div id="c1"></div> <div id="c2"></div> <div id="c3"></div> <div id="c4"></div> <div id="c5"></div> <div id="c6"></div> <div id="c7"></div> <div id="c8"></div> <div id="c9"></div> <div id="c10"></div> <div id="c11"></div> <div id="c12"></div> <div id="c13"></div> <div id="c14"></div> <div id="c15"></div> <div id="c16"></div> <div id="c17"></div> <div id="c18"></div> <div id="c19"></div> <div id="c20"></div> <div id="c21"></div> <div id="c22"></div> <div id="c23"></div> <div id="c24"></div> <div id="c25"></div> <div id="c26"></div> <div id="c27"></div> <div id="c28"></div> </div> </body> </html> |
|
|
|
|
QuickSite
|
10.6.2008, 22:37;
Ответить: QuickSite
Сообщение
#8
|
 0 Группа: User Сообщений: 128 Регистрация: 8.1.2008 Поблагодарили: 0 раз Репутация: 0
|
Exterior, выглядит очень здорово. Даже и не думал, что такое можно реализовать средствами только HTML и CSS.
|
|
|
|
|
volkgena
|
4.10.2010, 20:27;
Ответить: volkgena
Сообщение
#9
|
|
0 Группа: User Сообщений: 2 Регистрация: 4.10.2010 Поблагодарили: 0 раз Репутация: 0
|
можно ли сделать градиентом фон на сайте, что бы он был резиновым и отображался нормально независимо от высоты страницы, так как все страницы разные. Спасибо.
|
|
|
|
|
InviS
|
5.10.2010, 23:38;
Ответить: InviS
Сообщение
#10
|
|
|
0 Группа: User Сообщений: 383 Регистрация: 12.2.2010 Поблагодарили: 0 раз Репутация: 0
|
Кроссбраузерный градиент: http://habrahabr.ru/blogs/css/94438/
P.S. Waiting for css3 full-support!
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Разработка/доработка сайтов Wordpress, HTML/CSS/JS Вёрстка, перенос на WP, правки |
9 | malamut | 3495 | 25.1.2024, 14:36 автор: malamut |
|
СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое | 5 | CULA | 3426 | 19.12.2023, 18:55 автор: CULA |
|
Веб-разработка (HTML, CSS) | 1 | ViktoriaFE | 6461 | 5.5.2021, 5:22 автор: bekett |
|
Разработка адаптивных вебсайтов. HTML/CSS/WordPress(сайты-визитки, лендинги, корпоративные сайты, интернет-магазины). | 0 | kozak199110 | 1669 | 3.3.2021, 12:22 автор: kozak199110 |
|
Продам адаптивный шаблон (css/html/js) под cj/tube сайт | 2 | zaiko | 1440 | 29.12.2020, 23:49 автор: zaiko |
|
Текстовая версия | Сейчас: 25.4.2024, 23:34 |
