动画
文章平均质量分 65
Sam young
这个作者很懒,什么都没留下…
展开
-
css position: sticky 使用方法
效果图代码<section> <h2>I am sticky</h2> <p>Blood, Sweat And Tears Winston Churchill May 13, 1940 On Friday evening last I received from His Majesty the mission to form a new administration. It was the evident will of Parl原创 2022-04-21 09:42:25 · 629 阅读 · 0 评论 -
html css满屏滚动效果 scroll-snap-type
效果图代码<div class="parent"> <div class="item">1</div> <div class="item">2</div> <div class="item">3</div></div><style> body { margin: 0; padding: 0; }.parent { width: 100vw;原创 2022-04-20 16:25:39 · 629 阅读 · 0 评论 -
过渡动画css3 效果+实现思路 -3
效果图项目demo链接实习思路<button onclick="start()">again</button><p class="landIn">Ano hi watashitachi mada shiranai no Fushigi no monogatari desu.</p><style> body { display: flex; flex-direction: column; height: 1原创 2022-03-29 16:44:13 · 389 阅读 · 0 评论 -
过渡动画css3 效果+实现思路
效果图项目demo链接思路实现/** 这里是用scss 写的 *//** 这里让主模块高度拉满,模块占垂直水平居中 */body { display: flex; height: 100vh; justify-content: center; align-items: center; background: #222;}.loading {/** 颜色变量的 */ $colors: #7ef9ff, #89cff0, #4682b4, #0f52ba, #000原创 2022-02-11 16:30:53 · 239 阅读 · 0 评论