- 博客(5)
- 收藏
- 关注
原创 一个让图片轮流播放的练习
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...
2020-02-01 20:50:44 656
原创 一个让小车移动的练习
通过transform可以设置多个移动的特性,完成一个小车行驶的效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1....
2020-02-01 19:44:23 503
原创 学习编程英语单词记不住咋办?教你实用软件分分钟秒翻译,更快记忆
编程初学者英语不好对有些常用语法单词可能不熟悉,想要知道什么意思又要去百度在线查找,这里教你一个快速翻译单词的方法首先我们打开浏览器,下载一个网易有道词典软件,登录账号,点击里面的设置,如图然后根据图片下面设置翻译的选项切记一定要勾选对所有软件开启强力取词哦接下来只需要把鼠标悬停在想翻译单词的地方,帮助你更快的记忆学习中遇见的陌生词汇,如图如果觉得好用麻烦给个赞吧!谢谢大家了!...
2020-02-01 18:40:31 1794
原创 制作一个双面可以翻转的图片
制作一个双面可以翻转的图片结构是div下面包含俩个img,俩个浮动的图片通过用定位浮动上去,把需要放在前面的图片加上属性 z-index:1; 同时为当第一个图片添加transform: rotateY(-180deg);旋转到180°的时候,在第一张图片加上 Backfacevisibility:hidden; 正面就会同时隐藏露出第二个图片,代码如下<!DOCTYPE html>...
2020-02-01 14:52:11 1136
原创 用html5,css3制作开门效果
制作一个开门效果的图片结构首先一个section里面包含俩个div,门打开的效果图片用section的背景url制作,俩个门效果用定位position制作让其浮动上去,然后分别加上transform-origin改变图片的定位点,在根据门开的方向改变旋转的Y轴正负角度代码如下![在这里插入图片描述](https://img-blog.csdnimg.cn/20200201141438291.png...
2020-02-01 14:17:53 2900
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人