css-渐变色-1.1

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/caishu1995/article/details/85198938

线性渐变

background: -webkit-linear-gradient(center, rgb(253, 183, 10),rgb(242, 121, 40));
/* Safari 5.1 - 6.0 */

background: -o-linear-gradient(center, rgb(253, 183, 10),rgb(242, 121, 40));
/* Opera 11.1 - 12.0 */

background: -moz-linear-gradient(center, rgb(253, 183, 10), rgb(242, 121, 40));
/* Firefox 3.6 - 15 */

background: linear-gradient(center, rgb(253, 183, 10), rgb(242, 121, 40));
/* 标准的语法 */

径向渐变

background: 
  radial-gradient(circle, #ffffff, rgba(0, 0, 0, 0) 25%) 0 0/25% 25%, 
  radial-gradient(circle, #ffffff, #000000 25%) 50% 50%/12.5% 12.5%;

径向渐变

猜你喜欢

转载自blog.csdn.net/caishu1995/article/details/85198938