首页 >

css怎么表示时间选项 |css 菜单小图标

css_19728.,如何预览css文件,html和css各种代码,css html什么意思,css不能格式化文档,css中图片边缘有间隙,css 菜单小图标css怎么表示时间选项 |css 菜单小图标
/*表示时间的选项*/
/*表示秒*/
animation: example 5s linear infinite;
/*表示毫秒*/
animation: example 500ms linear infinite;
/*表示月份*/
::after {
content: ".";
display: inline-block;
margin-left: 0.1em;
font-size: 0.8em;
vertical-align: bottom;
}
time {
font-variant: small-caps;
letter-spacing: 0.2em;
font-weight: bold;
font-size: 1.3em;
}
time::before {
content: "";
display: inline-block;
height: 0.8em;
border-top: 1px solid currentColor;
position: relative;
top: -0.4em;
margin-right: 0.2em;
}
time::after {
content: "";
display: inline-block;
height: 0.8em;
border-top: 1px solid currentColor;
position: relative;
top: -0.4em;
margin-left: 0.2em;
}
/*表示星期几*/
time::before {
content: "星期";
}

通过以上的代码可以看出,大家可以使用animation来表示秒和毫秒的选项,可以使用before和after来表示月份和星期几的选项。通过这些时间的设计,可以让网页显得更加生动有趣。


css怎么表示时间选项 |css 菜单小图标
  • css全局优先 |css3 列队动画
  • css全局优先 |css3 列队动画 | css全局优先 |css3 列队动画 ...

    css怎么表示时间选项 |css 菜单小图标
  • css类属性选择器 |css 背景图片模糊
  • css类属性选择器 |css 背景图片模糊 | css类属性选择器 |css 背景图片模糊 ...

    css怎么表示时间选项 |css 菜单小图标
  • css短片 |css3 animation 参数
  • css短片 |css3 animation 参数 | css短片 |css3 animation 参数 ...