已掉线,重新登录

首页 > 绿虎论坛 > 历史版块 > 编程 > HTML/CSS/JS

标题: css全站动画效果

作者: @Ta

时间: 2022-08-08发布,2022-08-08修改

点击: 1370

如果你的前端没有做什么动画的话,比如手撸的简易界面,可以考虑加一个

*,*:before,*:after {
    /* 动作事件,随便添加定义,比如高度变化:height,字体大小变化:font-size */
    transition-property: background,background-color,border-radius,border,color,transform,height,width,font-size;
    /* 慢动作时间,支持小数,如:0.8s */
    transition-duration:1s;
}

例子:
.xxx{font-size:16px}
.xxx:hover{font-size:20px}
这个变化过程不是生硬的直接变大缩小,有一个渐变效果


[隐藏样式|查看源码]


『回复列表(2|隐藏机器人聊天)』

1.
*,*:before,*:after {
    transition:all 1s;
}
小米MIX2s(白)
(/@Ta/2022-08-08 11:10//)

2.

@水木易安 过于暴力了,还是能自定义的好点

(/@Ta/2022-08-08 12:03//)

回复需要登录

7月5日 15:52 星期六

本站由hu60wap6驱动

备案号: 京ICP备18041936号-1