首页 > TAG信息列表 > 32px

「HTML+CSS」--自定义加载动画【012】

效果展示 Demo代码 HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" con

CSS动画实例：太极图在旋转

      利用CSS可以构造出图形，然后可以对构造的图形添加动画效果。下面我们通过旋转的太极图、放大的五角星、跳“双人舞”的弯月等实例来体会纯CSS实现动画的方法。 1．旋转的太极图       设页面中有<div class="shape"></div>，若为. shape设置样式规则如下：   .shape   {  

jQuery 实现楼梯滚动效果

楼梯滚动效果 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>楼梯滚动效果</title> <script src="js/jquery-1.11.3.min.js"></script> <style type="text/css"> body,

checkbox,radio自定义美化表单

原理 利用label标签，包裹input的时候，点击label等同于点击input,再用背景图片显示选中和取消选中状态 效果 图片 复选 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{

前端开发入门到实战：使用CSS样式显示多个图标图片

现在的网页中显示很多图标算是常态，发现项目中页面上用到的图标都是单个图标单个文件，用的时候直接往页面上挂，这确实很常态。 如果，网站是挂在外网上，或者网速过低，又大量使用图标的情况下，由于浏览器和服务器的并发连接数是受限的，通常是4~8个，那么图标显示过慢或者超时的情况就会

弹性盒子 Flex 子元素高度塌陷

数据来源：https://blog.csdn.net/sinat_36539161/article/details/81663971   先看看页面整体布局：· wrap 弹性布局，分 head、main；· head 弹性布局，分 h2、i ；问题：head 高度塌陷。高 32px，变成：24.03px（PS里：chrome是23px，IE是24px）。 <!DOCTYPE html> <html lang="en"> <head> &l