当前博客:用css代码写一条横线,缓缓变成一条斜线,线的起始点不变,怎么写?

96 次浏览【转载需注明来源】

博客作者:【小丰】

个性签名:寒窗苦读十年一朝凤舞九天

用css代码写一条横线,缓缓变成一条斜线,线的起始点不变(备注。最好能提供完整的快码代码,感谢了),如图,就是一条横线,慢慢的变成一条斜线,动画持续时间是3s就行,完成后就是整个页面只有一条斜线

默认排序
Generic placeholder image
Generic placeholder image
已采纳
qiang Time: 2023-08-14 20:02:19
<区块 类名="线条"></区块>
<样式>
    @关键帧动画 线条变化 {
        0% {
            转换: 旋转(0deg);
        }
        100% {
            转换: 旋转(45deg);
        }
    }

    .线条 {
        高度: 2px;
        背景-颜色: 颜色值-红色;
        转换-基点: 顶部 左侧;
        动画: 线条变化 3s 匀速 全部清除;
    }
 </样式>
Markup

这里主要是css的转换属性,和动画属性。

 

Generic placeholder image
小丰 回复 1楼 qiang Time: 2023-08-21 08:41:08

相当感谢了,很完美的运行


用css代码写一条横线,缓缓变成一条斜线,线的起始点不变,怎么写?