- 博客(11)
- 收藏
- 关注
RSS订阅原创 猜数字游戏
猜数字游戏用到的技术及方法JavaScript 实现getRandom（）{} 构造函数Math的内置属性，.floor()向上取整，.ceil()向下取整，Math.random() 获得一个0-1之间的随机数while循环，循环体里面嵌套if() else{}条件判断语法break 跳出当前循环function getRandom(min, max) { min = Math.floor(min); //向下取整 max = Math.c
2021-08-21 12:41:25
123
原创 css动画弹球
@keyframes *** {0%—100%}animation: animationName time [ style …]##源码css....sport { position: relative; width: 500px; height: 400px; border: 1px solid #F6D66E; background-color: greenyellow;
2021-08-19 10:27:22
164
原创 CSS3动画很优秀yyds
抛出问题：什么是css动画？动画使元素逐渐从一种样式变为另一种样式。我们可以随意更改任意数量的 CSS 属性。如需使用 CSS 动画，您必须首先为动画指定一些关键帧。关键帧包含元素在特定时间所拥有的样式。语法：首先要定义动画方式1@keyframes move { /* 开始 */ 0% { /* 代码块 */ } /* 结束 */
2021-08-17 08:35:36
120
转载 2D缩放——scale()方法
缩放——scale()在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放，指的是“缩小”和“放大”的意思。scale()方法跟translate()方法类似，缩放也有3种情况：scaleX()、scaleY()、scale()，参数x表示元素在x轴方向的缩放倍数，参数y表示元素在y轴方向的缩放倍数。有以下几种情况：transform: scale(x, y);里面写的数字不跟单位 就是倍数的意思 1 就是1倍 2就是 2倍transform: s
2021-08-16 09:06:16
3589
1
原创 2D旋转——rotate
旋转rotate旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这个值为负值，元素相对原点中心逆时针旋转。旋转方式顺时针旋转45度 transform: rotate(45deg); 案例... img { width: 150px; border-radius: 50%; b
2021-08-15 09:47:23
368
转载 页码缩放demo
页码缩放案例需求：当鼠标经过，页码会放大，鼠标离开，页码恢复大小案例... ul { margin: 100px auto; } li { width: 30px; height: 30px; border: 1px solid skyblue; text-align: center; l
2021-08-14 10:08:36
48
原创 css动画案例——实现热点图
什么是热点图？热点图，就是看到这个图像，能够让人豁然开朗，明白要表达什么。上源码 body { background-color: #333; } .map { position: relative; width: 747px; height: 617px; background: url(media/map.png
2021-08-12 21:29:49
408
原创 transform——2D转换位移
transform–2D转换位移什么是2D转换？就是在平面中的形态变化。语法x就是x轴上移动位置 y 就是y轴上移动位置 中间用逗号分隔transform: translate(x, y);transform: translate(100px, 100px);我们如果只移动x坐标transform: translate(100px, 0);transform: translateX(100px);我们如果只移动y坐标transform: translate(0, 100px);t
2021-08-12 09:18:59
121
原创 CSS3选择器真有特殊含义？
一、首先是C3属性选择器每一个标签都有自己的属性，是吧？要给它一个样式，就可以通过它的属性来找到它。属性选择器的权重是10都有哪些？标签名[属性名]标签标签名[type=“属性名”]^= 以icon开始的选出来$= 以icon结尾的选出来*= 代表任意位置，包含该属性的就要选出来例子<style>...button[disabled] { cursor: default; }button { cu
2021-08-11 19:15:36
122
原创 H5新增表单
H5新增了那些属性呢？说明：1.email 会在文本框中自动监测用户输入的是否符合邮箱的格式以@为标准== 2.url== 自动检测3.date 会给出一个日历供用户选择，直观4.time 会给出一个钟表供用户选择5.number 会自动检测输入是否为数字型 且有增加和减少按钮6.tel 自带号码校验属性<form action=""> <ul> <li>邮箱：<input type="email"&
2021-08-10 15:48:09
96
原创 Vue实现小案例
什么是Vue呢？初始vue哈哈哈哈1.想让Vue工作，就必须创建一个Vue实例，而且要传入一个配置对象哦；2.root容器里的代码依然符合html规范，只不过混入了一些特殊的Vue语法；3.root容器里的代码被称为——Vue模板；4.Vue实例和容器是一一对应的哈；5.重点！！！真实开发中只有一个Vue实例，并且会配合着组件一起使用；6.{{xxx}}中的xxx要写js表达式，且xxx可以自动读取到data中的所有属性；7.一旦data中的数据发生改变，那么页面中用到该数据的地方也会自动
2021-08-10 13:26:09
155
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人