可以CSS3 box-shadow：inset只做一两面？像border-top？ [英] Can CSS3 box-shadow:inset do only one or two sides? like border-top?

问题描述

我知道这在支持的浏览器上很好用。

  div {box-shadow：inset 0px 1px 5px black; } 
  

我只是想知道是否有办法实现：

  div {box-shadow-top：inset 0px 1px 5px black; } 
  

解决方案

>

  box-shadow：inset 1px 4px 9px -6px; 
  

示例： http： //jsfiddle.net/23Egu/

I'm wondering about the support for side specific inner shadows in css3.

I know this works great on supported browsers.

div { box-shadow:inset 0px 1px 5px black; }

I'm just curious as to whether there is a way to achieve something like:

div { box-shadow-top:inset 0px 1px 5px black; }

解决方案

This is what worked for me:

box-shadow: inset 1px 4px 9px -6px;

Example: http://jsfiddle.net/23Egu/

这篇关于可以CSS3 box-shadow：inset只做一两面？像border-top？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！