-1
Q
径向渐变造型
A
回答
0
的的jsfiddle链接:JsFiddle
HTML代码:
<div class="gradient">
</div>
CSS代码:
.gradient{ height:79px;
width:298px;
background: #7ddbfb; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #7ddbfb 46%, #56bdf4 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(46%,#7ddbfb), color-stop(100%,#56bdf4)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #7ddbfb 46%,#56bdf4 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #7ddbfb 46%,#56bdf4 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #7ddbfb 46%,#56bdf4 100%); /* IE10+ */
background: radial-gradient(ellipse at center, #7ddbfb 46%,#56bdf4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ddbfb', endColorstr='#56bdf4',GradientType=1); /* IE6-9 fallback on horizontal gradient */
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
你可以尝试使梯度Here
相关问题
- 1. CSS径向渐变
- 2. Android的径向渐变
- 3. 径向渐变在Firefox
- 4. WebKit.NET C#:CSS渐变(径向)
- 5. Webkit动画径向渐变?
- 6. 与RGBA()CSS3径向渐变
- 7. 平滑径向渐变
- 8. Firefox径向渐变问题
- 9. Matlab径向渐变图像
- 10. Android背景渐变径向
- 11. Android:高级渐变造型
- 12. 做一个径向渐变半径200px
- 13. 在kinetic.js中变换径向渐变
- 14. 多个渐变和径向渐变与中心外的元素
- 15. 无重复CSS径向渐变
- 16. 如何制作垂直径向渐变
- 17. Firefox的CSS3径向渐变消失
- 18. CSS3径向渐变显示为线
- 19. 宽度约束的径向CSS渐变?
- 20. 径向渐变css问题,即ie
- 21. Imagick是否支持径向渐变?
- 22. 如何放置径向渐变背景
- 23. 在黑莓中绘制径向渐变?
- 24. C++ Direct2D径向渐变画笔
- 25. 带图像的径向渐变IOS
- 26. 将线宽设置为径向渐变
- 27. CSS浏览器检测径向渐变?
- 28. 画布径向渐变vs .png性能
- 29. CSS径向渐变阴影 - 反转
- 30. 为网页(photoshop)保存径向渐变
删除链接的意义何在?而不是留下任何线索是什么问题? – vals