|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
Опции темы | Поиск в этой теме |
17.04.2012, 19:27 | #1 |
Регистрация: 17.04.2012
Сообщений: 4
|
CSS Как сделать двусторонний градиент-фон
Привет. Есть вопрос. Не могу понять, как написать вот такой бэкграунд посредством css.
http://s019.radikal.ru/i627/1204/4c/776883106b51.jpg То, что белое, это контейнер шириной 950 пикселей. Как сделать фон-градиент, такой же, как на рисунке? Вот пример, извиняюсь за как бы рекламу: http://www.gametrailers.com/ Хочу такой же для своего сайта, с помощью css, чтобы края не обрезало и градиент был полностью виден и на 16-9 и на 16-10 и на экзотике. Последний раз редактировалось hopeman; 18.04.2012 в 01:06. |
18.04.2012, 08:27 | #2 |
Участник клуба
Регистрация: 11.01.2009
Сообщений: 1,917
|
В Вашем примере все тривиальнее чем кажется.
PHP код:
Все. Границ не видно. Эффект достигнут.
"Заряженному танку в дуло не смотрят" @Dekmer in WoT
|
19.04.2012, 13:03 | #3 |
Старожил
Регистрация: 19.04.2010
Сообщений: 2,702
|
Сейчас это делается при помощи box-shadow
|
19.04.2012, 22:20 | #4 |
Регистрация: 17.04.2012
Сообщений: 4
|
Виталий, попробовал, круто. Возьму на заметку. Но градиент не получается, тень это немного другое. Выходит, здесь только картинкой можно.
Только что на мониторах 18:9, 16:9 и 16:10 картинка по-разному выглядеть будет. Сделаю под 16:9, это самый популярный формат на сегодняшний день. Последний раз редактировалось hopeman; 19.04.2012 в 22:25. |
19.04.2012, 22:44 | #5 |
Раздолбайских Дел
Старожил
Регистрация: 22.05.2009
Сообщений: 3,828
|
фак мой моск
Alar, верни репу!
|
20.04.2012, 02:21 | #6 |
Регистрация: 17.04.2012
Сообщений: 4
|
Naive
Ты тем что я описал, занимался? |
25.04.2012, 10:48 | #7 |
Пользователь
Регистрация: 11.02.2012
Сообщений: 22
|
http://htmlbook.ru/css3-na-primerakh/lineinyi-gradient Линейный градиет
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как сделать такой фон | Igll | HTML и CSS | 2 | 12.04.2012 12:30 |
Как сделать фон спрайта прозрачным? | Sylvos | Visual C++ | 6 | 24.03.2012 01:17 |
Градиент на CSS | bulat786 | HTML и CSS | 2 | 13.11.2011 19:56 |
Как расятнуть фон на стрнице? (css) | Сергей1317 | HTML и CSS | 2 | 18.09.2010 18:43 |
Фон: ГРАДИЕНТ | PAVEL315 | HTML и CSS | 2 | 13.03.2007 17:58 |