css多行文本溢出显示省略号（兼容ie） 日期：2021-04-11
在日常编写页面中，我们经常遇到内容行数过多时，需要出现 ... 来处理。但是又要考虑IE浏览器或IE内核浏览器的兼容性。 普通实现方法： 1 2 3 4 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line...
css实现瀑布流排版 日期：2021-04-11
网上有很多有关js（jq）实现瀑布流和有关瀑布流的插件很多，例如：插件（Masonry，Wookmark等等）。按照正常的逻辑思维，瀑布流的排版（item列表）一般都是 由左到右 ，上而下排序的结果，单纯的css实现这一点有些...
css关于控制div靠左或靠右的排版布局 日期：2021-04-11
关于控制div靠左或靠右的排版布局,我整理三种平时用到的css属性小知识（元素模块靠左或靠右排版）： 1、float属性（float 属性定义元素在哪个方向浮动） 值：left（元素向左浮动）、right（元素向右浮动） 2、posit...
div水平垂直居中的六种方法 日期：2021-04-11
在平时，我们经常会碰到让一个div框针对某个模块上下左右都居中（水平垂直居中），其实针对这种情况，我们有多种方法实现。 方法一: 绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50...
CSS中，有哪些方式可以隐藏页面元素，区别? 日期：2021-04-11
一、前言 在平常的样式排版中，我们经常遇到将某个模块隐藏的场景 通过css隐藏元素的方法有很多种，它们看起来实现的效果是一致的 但实际上每一种方法都有一丝轻微的不同，这些不同决定了在一些特定场合下使用哪一...
环绕倒影加载特效 html+css 日期：2021-04-10
先看效果（完整代码在底部）： 效果生成地址： http://www.wd1x.com/css/huanrao.html 实现（可一步一步边看效果边编写）： ※先初始化（直接复制）： *{ margin: 0; padding: 0; box-sizing: border-box; } body{...
canvas刮图效果 html+css+js 日期：2021-04-10
效果（完整代码在底部）： 素材图1： 素材图2： 实现（原理是比较简单的）： 1.定义标签： canvas id=canvas/canvas 2.canvas基本css样式： canvas{ background-image: url(img/对比图/1.1.png); background-size:...
眼睛跟随鼠标转动的小黄人 html+css+js 日期：2021-04-07
先上效果（完整代码在最后）： 演示地址： 实现过程（可跟着一步一步书写）： 1. 先设置基本的css样式，让body高度为100vh后，用flex布局让其子元素居中对齐，（这几行代码直接复制过去就行）： *{ padding: 0; marg...
css隐藏输入框的光标 日期：2021-03-29
1.隐藏光标 style input{ color: transparent; } /style 2.显示文字 style input{ color: transparent; text-shadow: 0 0 0 #000; } /style 以上的方法可能在PC或者安卓的手机上是好的，在IOS系统就不行了。 在ios...
canvas下雪背景 html+css+js 日期：2021-03-25
先看效果： 实现： 1. 定义标签： h1北极光之夜。/h1 div class=bg/div canvas id=canvas/canvas h1是标题，.bg是背景图，canvas是画布。 2. 开始js部分，先获取画布： var canvas = document.getElementById(canva...
