Как добавить тень только к нижней части div? [Дубликат]
Легкое правило. Начните с объявления всех частных. И затем продвигаться к общественности по мере возникновения потребностей, и дизайн ее оправдывает.
Когда выставлять участников, спросите себя, подвергаете ли вы выбор выбора или выбор абстракции. Первое - это то, чего вы хотите избежать, поскольку оно будет вводить слишком много зависимостей от фактического представления, а не от его наблюдаемого поведения.
Как правило, я стараюсь избегать переопределения реализации метода путем подкласса; слишком легко испортить логику. Объявляйте абстрактные защищенные методы, если вы намерены переопределить его.
Кроме того, используйте аннотацию @Override при переопределении, чтобы препятствовать тому, чтобы что-то было нарушено при рефакторе.
5 ответов
Вы можете сделать следующее после добавления класса one-edge-shadow или использовать по своему усмотрению.
.one-edge-shadow {
-webkit-box-shadow: 0 8px 6px -6px black;
-moz-box-shadow: 0 8px 6px -6px black;
box-shadow: 0 8px 6px -6px black;
}
-
1– lyubeto 2 July 2015 в 12:49
-
2– Dave Morton 19 March 2017 в 23:20
-webkit-box-shadow: 0 3px 5px -3px #000;
-moz-box-shadow: 0 3px 5px -3px #000;
box-shadow: 0 3px 5px -3px #000;
-
1– Craig Ringer 9 October 2012 в 12:27
Вы должны указать negative spread в тени тега для удаления боковой тени
-webkit-box-shadow: 0 10px 10px -10px #000000;
-moz-box-shadow: 0 10px 10px -10px #000000;
box-shadow: 0 10px 10px -10px #000000;
Проверить http://dabblet.com/gist/9532817 и попробовать изменять свойства и знать, как они себя ведут
Вы можете использовать его, как вам нужно:
.top {
box-shadow: 0 -5px 5px -5px #333;
}
.right {
box-shadow: 5px 0 5px -5px #333;
}
.bottom {
box-shadow: 0 5px 5px -5px #333;
}
.left {
box-shadow: -5px 0 5px -5px #333;
}
.all {
box-shadow: 0 0 5px #333;
}
Попробуйте использовать онлайн-генератор css3.me Измените значение и получите код довольно простым.