2022年10月22日
使用混合模式叠加实现文字波浪小姑
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-10-22 16:17 蠡li 阅读(13) 评论(0) 推荐(0)
2022年10月2日
苹果，文字在指定范围内缩小
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-10-02 17:15 蠡li 阅读(50) 评论(0) 推荐(0)
苹果，页面卷动逐渐滑入效果
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-10-02 15:34 蠡li 阅读(36) 评论(0) 推荐(0)
2022年10月1日
sticky，苹果官网文字从图片滚过，切换图片
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-10-01 00:21 蠡li 阅读(41) 评论(0) 推荐(0)
2022年9月30日
uniapp瀑布流
摘要： <style lang="scss" scoped> .list-container{ display: flex; flex-wrap: wrap; // padding-top: 40rpx; } .list{ flex: 1 } .card{ margin: 4rpx; border-radi 阅读全文
posted @ 2022-09-30 20:45 蠡li 阅读(639) 评论(0) 推荐(0)
canvas绘制video
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-09-30 20:44 蠡li 阅读(237) 评论(0) 推荐(0)
2022年7月15日
vue3预渲染使用方式，prerender-spa-plugin插件预渲染失败导致原因
摘要： "vue": "^3.2.33" + webpack + "prerender-spa-plugin": "^3.4.0" vue.config.js配置 // 预渲染配置 const path = require('path'); const PrerenderSPAPlugin = requir 阅读全文
posted @ 2022-07-15 14:31 蠡li 阅读(1234) 评论(2) 推荐(0)
2022年7月13日
苹果官网，文字随滚动条淡入淡出效果
摘要： <template> <div class="box"> <div class="sticky"> <h1 class="text" ref="h1"> less bezel, more screen </h1> </div> </div> </template> <script> // impor 阅读全文
posted @ 2022-07-13 22:12 蠡li 阅读(132) 评论(0) 推荐(0)
2022年5月10日
苹果官网动画效果原理
摘要： <template> <div class="test-con"> <div class="sticky-box"> <div class="box"> <div ref="box1"> <h1 ref="htitle1">hello</h1> <h4> 乾坤空落落，岁月去堂堂。 末路惊风雨，穷边饱 阅读全文
posted @ 2022-05-10 11:13 蠡li 阅读(209) 评论(0) 推荐(0)
2022年4月29日
bilibili景深对焦效果
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-04-29 14:15 蠡li 阅读(38) 评论(0) 推荐(0)
下一页