Тень внутри дива
всем привет, подскажи пожалуйста как сделать тень внутри дива только сверху и снизу?! без малейшего размытия по бокам, разумеется только css спасибо
|
не знал что 4-ый параметр можно писать с минусом. :thanks:
|
На самом деле логичнее это делать градиентом..
|
Дзен-трансгуманист,
Спасибо действительно то что нужно, а то уже итак и эдак.. Aetae, А можешь показать рабочий пример буду очень признателен. P.S. В который раз убеждаюсь что на этом форуме сидят не тролли отправляющие читать мануал, даже на самые глупые вопросы оказывают помощь. |
Цитата:
background-image: url(путь к файлу) | none[, url(путь к файлу) | none]* Умеешь делать одну тень градиентом? Таки сделаешь и вторую, через запятую... :) |
Можно еще сделать несколько ДИВов внутри материнского, у которых бордер (верхний и нижний) будут имитировать тень... :)
Но это все старые приёмы... |
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>
|
Не вижу разницы в отображении, честно говоря.
В плане логики - это именно градиент, а не тень. В плане же реализации применяется 1 градиент вместо 2х теней, что: 1. производительнее, 2. лаконичнее, 3. градиент поддерживаться начал раньше чем возможность задания сразу нескольких значений одного параметра, и сам параметр box-shadow. |
спасибо вам обоим, правда есть что почерпнуть
|
| Часовой пояс GMT +3, время: 08:24. |