分享生活,分享代码,一些小练习、小程序演示

background-clip

⚙️ Parcel零配置打包工具

🤝 Parcel结合Vue,VueRouter,Sass,Babel等

🚿 CSS3瀑布流效果

🖼 图片预加载

Parcel\Vue\CSS3瀑布流的相册应用
background-clip

Vue.js技术栈:Vue.js 2.x + Webpack3.x + Vue-Router

乐富购H5商城
background-clip
九宫格跑马灯抽奖效果
background-clip
纯CSS3实现tip提示效果
background-clip
CSS实现全景图移动效果
background-clip
JS插件:极简模式JS音乐播放器组件
昂立嗨课堂
鼠标从box不同方向划入,modal层划入的方向也不同
jQuery插件:鼠标从box不同方向划入效果
background-clip
使用CSS3background-clip:text特性制作别样文字效果,请在Chrome内核浏览器中打开
奇妙的background-clip:text
background-clip

一个Todo应用,基于Vue.js+Webpack

i18n 支持

背景每日Bing高清壁纸

i18n国际化支持

Vue.js To-Do
MyTodoist
一个Todo应用,主要使用jQuery
MyTodoist
马路杀手问诊室微信H5
马路杀手问诊室微信H5
简易网页计算器

1. 这是个一个WebApp,支持网页,安卓,纯HTML、JavaScript实现,只是打了一个安卓的壳

2. 你可是试着放大、缩小窗口来查看响应式变化

3. 可以到我的Github查看,仓库叫【sCalc】

简易网页计算器
仿慕课网
点击“实战”可以进入其他页面
仿老版慕课网
昂立嗨课堂
昂立嗨课堂(老)
士兵
Canvas小游戏,半成品
士兵突击
祝愿墙
祝愿墙
使用自定义data属性和attr()函数创建缩略图
利用CSS的attr()函数读取元素的data属性
使用自定义data属性和attr()函数创建缩略图
移动端的Web相册

技术点:

1.Canvas显示图片

2.CSS3动画事件、Animate.css

3.Zepto.js、Zepto滑动事件

Gallery
打字动画
打字动画
CSS3实现幻灯片效果
CSS3实现幻灯片效果
一个div实现三道杠效果
一个div实现三道杠效果
一个div实现白眼效果
一个div实现白眼效果
文字翻转反转效果
文字翻转反转效果
椭圆类按钮特效
纯CSS实现椭圆按钮特效
弹跳3D小球
CSS3实现弹跳3D小球
3D方块
CSS3实现3D方块
CSS3边框效果大全
CSS3边框效果大全
纯CSS3实现Android机器人
纯CSS3实现Android机器人
发廊条
CSS3实现发廊条