给字体添加背景图 HTML+CSS 日期：2021-03-15
我们知道盒子或方形容器里面可以通过 background-image: url();设置背景图片，而文字的设置背景图却甚少，其实文字也可以像盒子里放背景图的。 解决方案： 1.写一个div标签，里面写文字。 div class=ceshi 给字体添...
css属性总结（小结） 日期：2021-03-15
1.transition属性： 含义：过渡属性，通常用于鼠标经过元素时样式的改变。 语法： transition: property duration timing-function delay; transition-property 规定设置过渡效果的 CSS 属性的名称，（全部就写all...
气泡浮动背景特效 html+css 日期：2021-03-15
先看效果： 更长看视频 实现： 添加标签底层盒子，再直接暴力添加10个气泡标签： div class=kuang div class=bubble/div div class=bubble/div div class=bubble/div div class=bubble/div div class=bubble/div di...
炫彩流光文字 html+css 日期：2021-03-15
效果： 实现： 1. 定义标签，各自作用看后面解析： main h1 class=txtlive on./h1 h1 class=txt2/h1 h1 class=txt3/h1 /main 2. 给底层盒子 main 与 .txt 定义基本样式： main{ position: relative; overflow: hidd...
密码显示与隐藏效果 html+css+js 日期：2021-03-15
先看效果： 前言： 一般在我们要输入密码的时候都可以让自己输入的密码显示或者隐藏，所以我做了一个简约的密码框~ 实现： 定义html的输入框的标签，kuang为底层盒子，password为输入框，conceal是那个小眼睛按钮：...
充电水滴融合特效 html+css 日期：2021-03-15
先看效果： 前言： 这个思路是我在b站看up主Steven做的，觉得很不错，然后自己也弄了一个。（纯css） 实现： 定义标签，有三个水滴盒子，一个圆圈盒子显示数字，一个最底层盒子： div class=kuang div class=drople...
网页黑夜模式白天模式切换 html+css+js 日期：2021-03-15
效果： 先言： 实现是很简单的，就是背景色的切换，用的是最基础的js； 1.定义开关按钮标签，bai就是里面那个小圆圈： div class=kaiguan div class=bai id=anniu/div /div 2.开关按钮的样式： .kaiguan{ position:...
炫彩流光按钮 html+css 日期：2021-03-15
用基础css做一个有一点炫酷的流光按钮，不止按钮，只要是盒子就行。 具体步骤： 1.先定义一个盒子当做按钮，如我就用a标签：...
导航栏滚动渐变效果 html+css+js 日期：2021-03-15
导航栏滚动渐变效果 html+css+js...
水波加载动画 html+css 日期：2021-03-15
原理是比较简单的，大致上就是有一个背景色为蓝色的圆形；然后圆形上面有一个或两个有弧度的白色方形盒子在旋转，通过白色遮住蓝色形成像是波浪的视差...
