css3 渐变 两边透明中间高亮 linear-gradient()

转载请标注原作者:https://www.cnblogs.com/fmixue/p/8309883.html#top

.linear{ width:100%; height:2px; background: linear-gradient( to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(35,198,200,0.3) 20%, rgba(35,198,200,0.4) 30%, rgba(35,198,200,0.5) 40%, rgba(35,198,200,0.8) 50%, rgba(35,198,200,0.5) 60%, rgba(35,198,200,0.4) 70%, rgba(35,198,200,0.3) 80%, rgba(0,0,0,0) 90%, rgba(0,0,0,0) 100%) }

你可能感兴趣的:(提醒,前端,css3,css,渐变,透明,线条,边框)