精灵背景图的二倍图实际操作 1.在ps中打开，依次打开图像》图像大小，记录此时精灵图大小； 将这个精灵背景图 等比例 缩放到原来宽高的一半，记录此时缩放后的精灵图大...

2019-09-23 08:41:32

css简单动画（transition属性） 一、对transition属性的认识 1、transition属性是一个简写属性，可用于设置四个过渡属性： transition-property 过渡效果的CSS属性的名称（height、width、opacity等）。 transition-duration 完成过渡效果需要时间。 transition-timing...

2019-09-17 10:01:40

首页下雪效果 Posted on 2019-09-17 14:18 大艾木 阅读( ... ) 评论( ... ) 编辑 收藏 下雪效果，转自网络，快去试试吧 ：） 原理 通过多张雪花图片，不同速度的移动，达到下雪的效果。 清晰度： 清晰 ---- 模糊 远近： 近 ---- 远 HTML div class=snow-container div...

2019-09-17 10:01:36

H5标签 定义 万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改 为什么要有语义化标签 方便开发者阅读，写出更优雅的代码，让浏览器很好的解析，从而更好的解析网页内容，更好的搜索引擎优化 H5 新增标签 定义文档头部区域，一般...

2019-09-17 10:01:29

css — 定位、背景图、水平垂直居中 目录 1. 定位 2. 背景图 3. 水平垂直居中 1. 定位 position:static | relative | absolute | fixed; static 静态定位 relative 相对 absolute 绝对 fixed 固定 1.1 静态定位 静态定位意味着“元素默认显示文档流的位置”。没有任何...

2019-09-17 10:01:17

纯css实现星级评分效果 效果 效果图如下，纯css实现超酷炫的星级评分动画效果 ? 实现思路 5个类型为radio的input，label标签修改样式背景图为星星 label标签给每个星星鼠标停留时加注名字 点击星星有放大旋转的动画 dom结构 用form实现 form div class ="star" input t...

2019-09-17 10:01:15

HTML连载37-边框属性（下）、边框练习 一、边框属性 1.连写（分别设置四条边的边框） border-width:上 右 下 左；border-style:上 右 下 左；border-color:上 右 下 左； 注意点： （1）这三个属性是按照顺时针来赋值的，也就是说按照上右下左来赋值，而不是按照日常生...

2019-09-17 10:01:07

纯css制作电闪雷鸣的天气图标 效果 效果图如下 ? 实现思路 使用box-shadow属性写几个圆，将这些圆错落的组合在一起，形成云朵图案 after伪元素写下面的投影样式 before伪元素写黄色闪电的样式 dom结构 用两个嵌套的div容器就可以了，父容器来控制图标显示的位置，子容...

2019-09-17 10:01:05

css标签学习-vertical-align标签 今天在学习查阅代码的时候，发现了一个不认识的CSS代码，于是进行学习。 html head style type ="text/css" img.top { vertical-align : text-top ; } img.bottom { vertical-align : text-bottom ; } img.middle { vertical-align : mi...

2019-09-17 10:00:41

06.前端之BootStrap iconfont的使用：https://www.cnblogs.com/changxin7/p/11479216.html Bootstrap介绍 Bootstrap是Twitter开源的基于HTML、CSS、JavaScript的前端框架。 它是为实现快速开发Web应用程序而设计的一套前端工具包。 它支持响应式布局，并且在V3版本之后...

2019-09-17 10:00:35