Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.09.2012, 20:09
Интересующийся
Отправить личное сообщение для WoW-rotfl Посмотреть профиль Найти все сообщения от WoW-rotfl
 
Регистрация: 14.03.2012
Сообщений: 27

Тень внутри дива
всем привет, подскажи пожалуйста как сделать тень внутри дива только сверху и снизу?! без малейшего размытия по бокам, разумеется только css спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 19.09.2012, 20:37
Аватар для dmitry111
Профессор
Отправить личное сообщение для dmitry111 Посмотреть профиль Найти все сообщения от dmitry111
 
Регистрация: 26.03.2012
Сообщений: 823

не знал что 4-ый параметр можно писать с минусом.

Последний раз редактировалось dmitry111, 19.09.2012 в 20:46.
Ответить с цитированием
  #3 (permalink)  
Старый 19.09.2012, 23:04
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,587

На самом деле логичнее это делать градиентом..
__________________
29375, 35
Ответить с цитированием
  #4 (permalink)  
Старый 20.09.2012, 12:40
Интересующийся
Отправить личное сообщение для WoW-rotfl Посмотреть профиль Найти все сообщения от WoW-rotfl
 
Регистрация: 14.03.2012
Сообщений: 27

Дзен-трансгуманист,
Спасибо действительно то что нужно, а то уже итак и эдак..
Aetae,
А можешь показать рабочий пример буду очень признателен.

P.S. В который раз убеждаюсь что на этом форуме сидят не тролли отправляющие читать мануал, даже на самые глупые вопросы оказывают помощь.
Ответить с цитированием
  #5 (permalink)  
Старый 20.09.2012, 13:18
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,222

Сообщение от WoW-rotfl
Aetae,
А можешь показать рабочий пример буду очень признателен.
В ЦСС3 поддерживается несколько фоновых картинок...

background-image: url(путь к файлу) | none[, url(путь к файлу) | none]*


Умеешь делать одну тень градиентом? Таки сделаешь и вторую, через запятую...
Ответить с цитированием
  #6 (permalink)  
Старый 20.09.2012, 13:20
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,222

Можно еще сделать несколько ДИВов внутри материнского, у которых бордер (верхний и нижний) будут имитировать тень...

Но это все старые приёмы...
Ответить с цитированием
  #7 (permalink)  
Старый 20.09.2012, 14:56
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,587

ksa, щито?
<!DOCTYPE html>
<html>
<head>
<style>
 
.shadow {
  background:#fc0 -moz-linear-gradient(rgba(0,0,0,0.5) 0, transparent 25%, transparent 75%, rgba(0,0,0,0.5) 100%);
  background:#fc0 -webkit-linear-gradient(rgba(0,0,0,0.5) 0, transparent 25%, transparent 75%, rgba(0,0,0,0.5) 100%);
  background:#fc0 -o-linear-gradient(rgba(0,0,0,0.5) 0, transparent 25%, transparent 75%, rgba(0,0,0,0.5) 100%);
  background:#fc0 linear-gradient(rgba(0,0,0,0.5) 0, transparent 25%, transparent 75%, rgba(0,0,0,0.5) 100%);
  padding: 10px;
}
 
</style>
</head>
<body>
<div class="shadow">всем привет, подскажи пожалуйста как сделать тень внутри дива только сверху и снизу?! без малейшего размытия по бокам, разумеется только css спасибо</div>
</body>
</html>
__________________
29375, 35
Ответить с цитированием
  #8 (permalink)  
Старый 20.09.2012, 18:09
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,587

Не вижу разницы в отображении, честно говоря.

В плане логики - это именно градиент, а не тень.

В плане же реализации применяется 1 градиент вместо 2х теней, что:
1. производительнее,
2. лаконичнее,
3. градиент поддерживаться начал раньше чем возможность задания сразу нескольких значений одного параметра, и сам параметр box-shadow.
__________________
29375, 35

Последний раз редактировалось Aetae, 20.09.2012 в 18:11.
Ответить с цитированием
  #9 (permalink)  
Старый 21.09.2012, 10:40
Интересующийся
Отправить личное сообщение для WoW-rotfl Посмотреть профиль Найти все сообщения от WoW-rotfl
 
Регистрация: 14.03.2012
Сообщений: 27

спасибо вам обоим, правда есть что почерпнуть
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
скроллинг внутри дива при скроллинге страницы shaltay jQuery 1 11.09.2012 20:30
fade маленького div внутри большого div kenwo0d jQuery 17 19.05.2012 16:27
Перемещение дива внутри другого дива по диагонали с отталкиванием от границ madcap Элементы интерфейса 9 18.11.2011 10:24
padding-left увеличивает ширину дива cmygeHm (X)HTML/CSS 4 26.05.2011 00:45
Можно ли получить имя экземпляра объекта внутри самого объекта? Ichigeki Общие вопросы Javascript 9 14.11.2008 19:00