HTML5CSS渐变怎么添加 CSS写法实例

QHTML5CSS渐变怎么添加 CSS写法实例

不使用背景图片,为H5页面元素添加CSS渐变的多终端方法。
更新:2018-08-04 17:06:12 点击: 关键词: WEB前端开发CSSH5

A示例 background: linear-gradient(to bottom right, #ef5684 , #de4573);

详细解答
    background: -webkit-linear-gradient(to left top, #ef5684 , #de4573); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(to bottom right, #ef5684, #de4573); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(to bottom right, #ef5684, #de4573); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #ef5684 , #de4573); /* 标准的语法 */