Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 使用CSS3创建曲线盒阴影_Html_Css - Fatal编程技术网

Html 使用CSS3创建曲线盒阴影

Html 使用CSS3创建曲线盒阴影,html,css,Html,Css,是否可以使用CSS3创建曲线盒阴影?下面是我所问问题的图像: 凯尔·塞维诺克斯是对的,但尝试使用渐变: .rad_gra{ background:-moz-radial-gradient(center, #fff, #adf); background:-webkit-radial-gradient(center, #fff, #adf); background:-ms-radial-gradient(center, #fff, #adf); background:radial-gradient(

是否可以使用CSS3创建曲线盒阴影?下面是我所问问题的图像:


凯尔·塞维诺克斯是对的,但尝试使用渐变:

.rad_gra{
background:-moz-radial-gradient(center, #fff, #adf);
background:-webkit-radial-gradient(center, #fff, #adf);
background:-ms-radial-gradient(center, #fff, #adf);
background:radial-gradient(center, #fff, #adf);
}

.lin_gra{
background:-moz-linear-gradient(top, #fff, #adf);
background:-webkit-linear-gradient(top, #fff, #adf);
background:-ms-linear-gradient(top, #fff, #adf);
background:linear-gradient(top, #fff, #adf); /* W3C Standard */
}

只有一个元素就不可能做到这一点。你必须使用一些额外的带阴影和旋转的div来创建你想要的效果,但是使用bg图像会更容易。这不是你需要的渐变。。这只是一个例子