想在数字上方加三个点，请问这样写 CSS 代码后，为何没有实现让三个点旋转90度变为竖置的效果？

2016-07-21 02:08:16 146 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

实现动态翻转时钟效果的 HTML、CSS 和 JavaScript，附源码该页面实现了一个动态的翻转时钟效果。通过flip-card元素，数字会在每次时间变化时进行翻转。每次数字变化时，都会触发一个翻转动画，并带有模糊和阴影效果，模拟了机械时钟翻页的过程。通过结合 HTML、CSS 和 JavaScript，我们成功实现了一个动态翻转时钟，给用户带来了更具视觉冲击力的时钟体验。利用 3D 透视、翻转动画、模糊效果和光影效果等技术，我们不仅完成了功能实现，还增强了用户的沉浸感。这种时钟效果不仅实用，还能为网站添加一份独特的动感元素。阅读详情



td.class1:after {

    content: "...";

    display: inline-block;

    transform: rotate(90deg);

    position: relative;

    top: -10px;

    left: -10px;

}

问题出在了哪儿？

...全文

使用jQuery实现时钟的效果使用jQuery实现时钟的效果要用jQuery实现时钟的效果首先要给它布局。用一个div来装所要写的内容，再给这个div一个类为box，再给这个box设置样式让他居中设置它的边框并且设置它的border-radius为百分之百，他就是一个圆形了。又因为时钟是有十二个数字，所以我们用六个div来把他们分成六个组，我们再在每个div中写两个span标签，在span标签中放置相对的点数，我们现在打出来的效果是每个div独占一行，我们想要更好的控制这些div的话，首先在box这个类上给它一个相对定位阅读详情

zhoupc88

JavaScript 87,984 成员 224,681 内容

+ 关注 + 加入社区

想在数字上方加三个点，请问这样写 CSS 代码后，为何没有实现让三个点旋转90度变为竖置的效果？

相关推荐