css
jklgfgdsr
仅做为网络记事本
展开
-
使用CSS的var()函数 快速修改页面样式 自定义属性前加两个--
好处是只需要修改一个地方就可以改变多处样式。可以用来快速更改布局,调整页面颜色,相当于为CSS增加了一个批量替换的功能。例:自定义一个bgcolor:red的属性,通过修改自定义属性让test1、test3、test5快速改变颜色。<style>:root { --bgcolor:red;}div{width:100px;height:100px;background:green}div.test1,div.test3,div.test5{background:var(--bgc原创 2021-10-07 19:25:28 · 439 阅读 · 0 评论 -
关于一些CSS动态效果的整理
仅列出一些常用命令,和常用简写: 过渡半秒:transition:.5s 放大缩小:transform:scale(1) 移动效果:translateX(100%)、translateY(100%)、translate(x,y) 旋转效果:rotate(45deg)关联到动画:test{animation:donghua infinite}@keyframes donghua{0...原创 2018-09-02 16:14:00 · 1012 阅读 · 0 评论 -
用css实现动态梦幻气泡背景 也可以改成雪花
假设img文件夹里有以下三张图片(bg_effect_01.png,bg_effect_02.png,bg_effect_03.png):HTML部分:<!doctype html><html><head><meta charset="utf-8"/><style>body{background:#000}.effe...原创 2019-04-02 19:57:52 · 1378 阅读 · 0 评论