摘要:
<style> /* 给动画添加一组过度效果 */ .v-enter, .v-leave-to { opacity: 0; transform: translateY(80px); } .v-enter-active, .v-leave-active { transition: all 0.6s e 阅读全文
posted @ 2021-01-03 22:32
南风晚来晚相识
阅读(863)
评论(0)
推荐(0)
摘要:
<style> /* v-enter 这是进入之前;元素的起始状态;此时还没有开始进入 v-leave-to 是动画离开之后;离开的终止状态;此时元素的动画已经结束 .v-enter-active 入场动画的时间段 .v-leave-active 离场动画的时间段 */ .v-enter, .v-l 阅读全文
posted @ 2021-01-03 22:15
南风晚来晚相识
阅读(342)
评论(0)
推荐(0)
摘要:
<style> /* 给动画添加一组过度效果 */ .v-enter, .v-leave-to { opacity: 0.8; /* 从右向左进入 */ transform: translateX(80px); /* 从下向上进入 */ transform: translateY(80px); } 阅读全文
posted @ 2021-01-03 21:33
南风晚来晚相识
阅读(249)
评论(0)
推荐(0)
摘要:
<style> .box{ width: 30px; height: 30px; border-radius: 50%; background: red; } </style> </head> <body> <div id="app"> <input type="button" value="加入购 阅读全文
posted @ 2021-01-03 21:21
南风晚来晚相识
阅读(115)
评论(0)
推荐(0)
摘要:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2021-01-03 21:02
南风晚来晚相识
阅读(1662)
评论(0)
推荐(0)