使用css3伪元素实现遮罩效果

使用css3伪元素实现遮罩效果

效果图:

实现代码:








majormayer
【实现原理】:
通过css3伪元素::efore来绘制上半部分遮罩,::after来实现下半部分遮罩。
使用content: attr(data-descr);来设置伪元素中内容为设置元素属性attr
你还可以查看用伪元素实现tootip效果的文章:[这里写链接内容](http://blog.csdn.net/majormayer/article/details/50574952)

你可能感兴趣的:(css)