自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 资源 (4)
  • 收藏
  • 关注

原创 运用@keyframes和animation让雪碧图动起来

使用@keyframes让雪碧图动起来 奔跑的少年 这里我们html代码只需要创建一个div,div里面添加一个class 如: <div class="box1"></div> 然后再给创建好的div设置大小,这里的div宽高应为雪碧图里面一个小人的宽高,如下图所示,div的高度为图片的高度,宽度则为总宽度的1/6。 在css中插入图片:background-image:url('./img/12/bg2.png');图片地址选择自己存放的地址,可以将我上面这个.

2021-05-19 20:27:45 733

原创 W3school导航条实现的两种方法

W3school导航条实现的两种方法(浮动,弹性布局) 1.用浮动实现 <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1.0"> <metahttp-equiv="X-UA-Compatible"...

2021-05-19 15:06:01 465

鼠标事件,曲线运动,canvas动画

本网页运用了大量的动画效果,如曲线运动、canvas动画

2021-05-19

复仇者联盟transform动画

用transform动画做一个旋转正方体

2021-05-19

小米官网首页(静态页面)

本网页是基于小米官网做到一个静态页面,适合初学HTML

2021-05-19

移动端网页/网页适配

网页适配,应对各种屏幕大小

2021-05-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除