静态网页

💎 放一些练习和收藏的网页凸(☎ω☎)凸


静态网页

2048:一个仿2048的小游戏。

HTML5-Audio-Visualizer:H5音乐播放器。

LeeSin:lol李青介绍页面。

love:程序员表白页面。

bigwhite:css3画的大白。

carousel:原生轮播图。 index2.html

clock:用canvas画的时钟,可以显示当前时间。 clock/clock2

cssheart:用canvas画的心,虽然没什么用。

cssrose:用canvas画的玫瑰,虽然也没什么用。

eclock:clock的加强版,用电子钟的方式来展示,还会掉节操。

hell:canvas地狱。

love-fish:爱心鱼。

mario:马里奥。

meatball:css3画的小丸子。

mouse-shine:鼠标光效。

multi-flip:用css3的3D功能实现的页面翻转功能。

music:用auido标签实现的音乐播放器,后台调豆瓣的接口。

nest:巢。

pages:多页面。

particle:粒子效果。

picture-angle:图片折角。

plane:飞机。

pre-slideshow:简单的幻灯片实现。

responsive:谷歌的响应式网页教程。

scratch:刮刮卡。

simple-calculator:简易计算器。

snow:css3飞舞的雪花

weibo-translation:仿微博过渡效果

xiaoetong-mobile:小鹅通移动端

impress:impress的公开课

computer-completion:计算机比赛share-demo

cosyer:个人引导页

lottery:抽奖程序

gallery:图片画廊

whirlpool:粒子旋涡

loading:博客中使用的loading

答辩顺利:=v=

10s-challenge:10s挑战

3Dalbum:3D相册

react-news:react新闻站

3Dview:3D楼盘

3Dview:楼盘锚点

hamster:打地鼠

puzzle:拼图

top-loading:顶部加载条

introduction:基于gulp工作流制作的个人引导页

jerry-menu:果冻菜单

drag:图片拖放

canvas-spotline:画布版点线连接

js-sort:表格排序

snake:贪吃蛇

funny:滑稽

fullscreen:全屏

enlarge:购物车放大镜

verifycode:canvas生成验证码

tomato-timer:番茄工作法

ring:基于threejs的定制戒指

seven-pieces:七巧板

multi-pages:多页面通信

drag-drop:拖拽

gossip:八卦

accordion:手风琴

text-select:文本域文字内容指定选中实例页面

open-chrome:ie跳转chrome

contribution:contribution

bear:zzz

el-psy-congroo:命运石之门

roll-lottery:滚动型抽奖

tiktok:抖音logo

shield:美队盾牌🛡

switch-tab:纯css实现tab切换

breath-loading:呼吸灯加载loading

flag:五星红旗

add-flag:给你的头像右下角加上小红旗图标 :)

3Dcube:3D魔方

post-message:iframe通信

button-text-staggered-sliding-effects:按钮文字滑动

rectangular-rotating-loader-animation:矩形旋转 loader 特效

dynamic-border:蛇形动态边框

love-letter:表白信

bad-wolf:灰太狼版推箱子

flappy-bird:flappy-bird

gobang:五子棋

text-overflow:文本溢出

tiangou:舔狗日记

we-dog:舔狗日记兄弟版

baby-name-maker:宝宝起名神器

pikachu:画一只皮卡丘给你看

grail-layout:圣杯布局

random-face:随机生成SVG面孔(头像)

lazyload:图片懒加载

3Dsnow:3D雪花

common-page:精简的403、404、500页面

danmu:弹幕

3Dclock:3D时钟

voice:语音识别

flex:flex练习

valentine:n多年前的慕课网七夕动画

clear-mine:扫雷

charge:B站充电效果

bilibili-autumn-banner:B站秋季Banner

art-clock:艺术风时钟