不常用但是很实用的css记录
本文主旨是记录一些不常用但是非常炫酷的css属性,提升用户体验的捷径之一。
1、background-attachment 滚动视差 https://codepen.io/Chokcoco/pen/oMPrGZ
2、点击图片产生水纹效果 https://codepen.io/Chokcoco/pen/wxYZWO
3、transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜 http://www.w3school.com.cn/cssref/pr_transform.asp
4、width:fill-available,width:max-content,width:min-content,width:fit-content https://www.zhangxinxu.com/wordpress/2016/05/css3-width-max-contnet-min-content-fit-content/
5、计算属性 calc() http://www.runoob.com/try/try.php?filename=trycss_func_calc
6、object-fit 调整替换元素在外部容器变化的时候所呈现的样子 https://www.zhangxinxu.com/wordpress/2015/03/css3-object-position-object-fit/
7、只有内联设置的width与height才能被 obj.style.width|height获取到
8、凡是需要滚动的地方都加一句scroll-behavior:smooth ,scrollIntoView可以让元素进入视区
target.scrollIntoView({
behavior: "smooth"
});
最新文章
- Js replace() 学习笔记
- gSOAP MTOM
- 阅读DNA-2014年读书
- HTTP Status 500 - Servlet.init() for servlet springmvc threw exception
- 【MySQL】原理 之 事务
- java jvm学习笔记二(类装载器的体系结构)
- APP纯黑盒测试---某些可以试试的操作
- js高程笔记--创建对象
- openresty 前端开发轻量级MVC框架封装一(控制器篇)
- JavaWeb基础之JdbcUtils工具类1.0
- 关于Web Audio API的入门
- 校招:Vobile阜博通2015校园招聘
- 天梯赛 L2-001 紧急救援
- POJ3204 Ikki's Story I - Road Reconstruction
- 【Spider】学习使用XMLFeedSpider
- Linux 上传代码到github
- 20155319 《Java程序设计》实验五(网络编程与安全)实验报告
- DevExpress 小计 GridControl 隔行换行
- app中h5交互的一些坑 记录笔记
- xml解析-jaxp之dom解析