CSS特效
关注
分享
扫一扫
文章平均质量分 54
一麻袋小猫
Put the glass down。
展开
-
分辨率不同导致table边框出现粗细不同的情况
真是没想到 2021年竟然还会被原生table卡一下午原因：浏览器版本问题，导致border-collapse:collapse 出问题解决：table { border-collapse:separate !important; border-spacing: 0px !important; background-color: #000 !important;}td, th { background-color: #fff !important;}...原创 2021-12-09 16:41:08 · 2723 阅读 · 3 评论 -
浏览器私有前缀
浏览器私有前缀是为了兼容老版本的写法，比较新版本的浏览器无须添加-moz- :代表firefox浏览器私有属性-ms- :代表ie浏览器私有属性-webkit- : 代表safari,chrome私有属性-o- :代表Opera私有属性...原创 2020-02-10 15:40:57 · 224 阅读 · 0 评论 -
CSS3 特效旋转木马
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { perspective: 800px; } section { position: r...原创 2020-02-10 15:18:45 · 327 阅读 · 2 评论 -
CSS3导航栏特效
这个案例最重要的是 x,y,z轴的旋转<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>3D导航栏</title> <style> * { margin: 0; padding: 0; } u...原创 2020-02-10 12:40:38 · 297 阅读 · 0 评论 -
CSS3 两面翻转的盒子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body { perspective: 400px; } .box { /*翻转的是box*/ ...原创 2020-02-10 10:10:57 · 2872 阅读 · 17 评论 -
CSS3 3D转换
特点近大远小物体后面遮挡不可见三维坐标系x,y,z 三个值z 越往外面越大 越往里面越小 后面的单位一般用pxperspective透视也叫视距如果想要在网页产生3D效果需要透视（理解成3D物体投影在2D平面内）模拟人类的视觉位置，可认为安排一只眼睛去看透视越大，距离屏幕越近，成像越大。透视越小，距离屏幕越远，成像越小透视的单位的像素透视写在被观察的元素的父亲里面**透...原创 2020-02-10 09:52:32 · 186 阅读 · 0 评论 -
CSS3旋转特效
旋转<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { overflow: hidden; width: 200px; height: ...原创 2020-02-08 11:54:08 · 141 阅读 · 0 评论 -
HTML5+CSS3
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2020-02-08 09:37:18 · 348 阅读 · 0 评论 -
CSS特效
CSS边框三角形<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> div { position: relative; width: 200px; ...原创 2020-01-31 17:58:26 · 274 阅读 · 0 评论