小编sur*_* up的帖子

使用css渐变创建"闪亮"效果

是否有可能仅使用css在下面的链接中创建一个像iphone上闪亮效果的渐变?
http://prntscr.com/22oa4f

我试过使用下面的代码,但它不是"闪亮的"

background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
background-image: linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, …
Run Code Online (Sandbox Code Playgroud)

css gradient

1
推荐指数
2
解决办法
1万
查看次数

标签 统计

css ×1

gradient ×1