上一页 1 2 3 4 5 6 7 8 9 ··· 24 下一页
摘要: 实现如上功能,需要分为五个状态,状态如下: 代码如下; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta 阅读全文
posted @ 2022-03-22 17:20 洛飞 阅读(64) 评论(0) 推荐(0) 编辑
摘要: 动画 animation是CSS3中具有颠覆性的特征之一,可通过设置多个节点来精确控制一个或一组动画,常用来实现复杂的动画效果 相比较过渡,动画可以实现更多变化,更多控制,连续自动播放等效果。 动画的基本使用 先定义动画 再使用(调用)动画 用keyframes定义动画(类似定义类选择器) @key 阅读全文
posted @ 2022-03-22 15:08 洛飞 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 如下效果的实现是通过scale来完成的 使用hover配合scale以及transition过渡来实现 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compat 阅读全文
posted @ 2022-03-22 10:11 洛飞 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 2D转换之缩放scale 顾明思义,scale可以放大和缩小 语法: transform:scale(x,y); 注意: scale中的x和y以逗号分割 transform:scale(1,1) 宽和高都放大一倍 transform:scale(2,2) 宽和高都放大了2倍 transform:sc 阅读全文
posted @ 2022-03-18 16:15 洛飞 阅读(113) 评论(0) 推荐(0) 编辑
摘要: 可以设置元素转换的中心点 语法:transform-origin:x y; 注意后面的参数x和y用空格隔开 x y默认转换的中心点是元素的中心点(50% 50%) 还可以给x y 设置像素 或则 方位名词(top bottom left right center) 利用旋转做出如下内容: 思路:一个 阅读全文
posted @ 2022-03-18 14:35 洛飞 阅读(101) 评论(0) 推荐(0) 编辑
摘要: transform是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果转换(transform) 移动:transform 旋转:rotate 缩放:scale 2D转换是改变标签在二位平面上的位置和形状的一种技术 2D转换之移动 translate 2D移动是2D转换里面的一种功 阅读全文
posted @ 2022-03-17 11:01 洛飞 阅读(39) 评论(0) 推荐(0) 编辑
摘要: HTML5属性选择器 阅读全文
posted @ 2022-03-15 22:48 洛飞 阅读(24) 评论(0) 推荐(0) 编辑
摘要: audio标签 无论访问者使用什么浏览器,它都将自动选择所读取的第一个文件类型,并为您播放声音。 视频如下: HTML5新增input表单如下: H5新增表单属性 阅读全文
posted @ 2022-03-15 14:11 洛飞 阅读(51) 评论(0) 推荐(0) 编辑
摘要: 导读 1、能够写出sessionStorage数据的存储以及获取 2、能够写出localStorage数据的存储以及获取 3、能够写出它们两者的区别 本地存储的特性 1、数据存储在用户浏览器中 2、设置、读取方便、甚至页面刷新不丢失数据 3、容量较大、sessionStorage约5M、localS 阅读全文
posted @ 2022-03-11 10:54 洛飞 阅读(72) 评论(0) 推荐(0) 编辑
摘要: // 移动端的浏览器兼容性比较好,不需要考虑以前JS的兼容性问题,可以放心的使用原生JS书写效果,但是移动端也有自己独特的地方。 // 比如触屏事件touch(也称触摸事件),Android和IOS都有 // touch对象代表一个触摸点。触摸点可能是一跟手指,也可以是一根触摸笔。触屏事件可能影响 阅读全文
posted @ 2022-03-10 17:58 洛飞 阅读(122) 评论(0) 推荐(0) 编辑
上一页 1 2 3 4 5 6 7 8 9 ··· 24 下一页