我有一些标题想要添加CSS3动画
我想要将
Title
转换成
[Title]
同时,我希望方括号从单词中心动画到单词边缘。
类似于这样..
Ti[]tle
转换为
[Title]
使用动画(当然我会使用:before
和:after
添加方括号,使用opacity
从0到1的效果)
我的段落样式:
p:before {
content: "[";
position: absolute;
left: 50%; /*to add the bracket to the center of the word*/
opacity: 0;
transition: all 0.7s ease;
}
谢谢!