css3交互效果
·
导航栏 从上往下展开显示
.nav {
animation: slideDown 0.5s ease-out forwards;
}
@keyframes slideDown {
from {
transform: translateY(-10%); /* 从顶部开始 */
opacity: 0;
}
to {
transform: translateY(0); /* 移动到正常位置 */
opacity: 1;
}
}
卡片式布局 鼠标移入 hover 上移几个像素
.box-card {
transition: all .2s;
}
.box-card:hover {
transform: translateY(-4px);
}
码道开发者社区，聚焦华为云码道 CodeArts 代码智能体，沉淀 Agent、Skill、鸿蒙开发实战内容，供开发者查阅资料、交流技术、分享工程实践
更多推荐
1
0- 0
已为社区贡献1条内容
所有评论(0)