Jump to content
  • 0

Прозрачный радиент по бокам


BeetleJuice541
 Share

Question

У меня есть,блок div по середине. страницы.

На самой странице очень красивая картинка,мне нужно сделать так:

В лево и вправо будет градиент,от белого к прозрачному.

Белый начинается у центрального div.

Как это сделать?

Пробовал создавать 2 div-не получается их выровнять,прописывать 2 градиента тоже не вариант,подскажите как сделать?

вот ссылка того, что я хочу сделать.

http://firepic.org/?v=2014-10-07_57nzx7qydsxw.png

слева все сделано как нужно,как сделать справа?

Link to comment
Share on other sites

9 answers to this question

Recommended Posts

  • 0
прописывать 2 градиента тоже не вариант

 

Кстати, почему не вариант? Во всех браузерах, где работают сами градиенты, работают и множественные фоны...

 

 

 

Только не забыть убрать оттуда ненужный хлам типа -ms-префикса и бессмысленных (в данной задаче) фильтров для старых IE. А еще лучше ограничиться стандартным синтаксисом, а потом прогнать CSSник через Autoprefixer.

Link to comment
Share on other sites

  • 0

Выложите попытки на jsfiddle. А ссылки на такую порнографию больше не выкладывайте.

да,знаю что хостинг плохой,но как залить на сайт не нашел

Кстати, почему не вариант? Во всех браузерах, где работают сами градиенты, работают и множественные фоны...

да,я пробовал,не получилось,не знаю можно ли сделать фон только на 50% div(скорее всего нет)

вот я и спрашиваю как это сделать 

это не то(или я не понял как это работает)градиен я уже подобрал,моя головная боль это сделать градиент по бокам div

Link to comment
Share on other sites

  • 0

вот такой вариант не пойдет: http://cssdeck.com/labs/tfjvhg0d

если известна высота картинки, ну и градиент точнее подобрать

СПАСИБО,все сделал,все отлично смотрится,большое спасибо!

Link to comment
Share on other sites

  • 0

вот такой вариант не пойдет: http://cssdeck.com/labs/tfjvhg0d

если известна высота картинки, ну и градиент точнее подобрать

http://cssdeck.com/labs/cbbgx7wn можно сделать чтоб при любой высоте и ширине картинки, но нужно ли такое увеличение кода

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy