使用css3制作渐变分割线_html/css
来源:动视网
责编:小采
时间:2020-11-27 16:37:12
使用css3制作渐变分割线_html/css
使用css3制作渐变分割线_html/css_WEB-ITnose:原理是使用css3的渐变背景,再将高设为分割线的高度 .title{ position:relative; text-align:center;}.title:before, .title:after { content: ; width: 40%; height: 1px; position: absolute; top: 50%
导读使用css3制作渐变分割线_html/css_WEB-ITnose:原理是使用css3的渐变背景,再将高设为分割线的高度 .title{ position:relative; text-align:center;}.title:before, .title:after { content: ; width: 40%; height: 1px; position: absolute; top: 50%

原理是使用css3的渐变背景,再将高设为分割线的高度
效果图:
使用css3制作渐变分割线_html/css
使用css3制作渐变分割线_html/css_WEB-ITnose:原理是使用css3的渐变背景,再将高设为分割线的高度 .title{ position:relative; text-align:center;}.title:before, .title:after { content: ; width: 40%; height: 1px; position: absolute; top: 50%