好消息,height:auto、width:fit-content这些以前无法触发transition过渡效果的CSS声明,现在也能动画啦,就是使用calc-size()函数或interpolate-size属性。
“CSS相关”目录存档
这啥?CSS calc-size和interpolate-size,真学不动了
2024年11月14日,星期四Nice! Safari也支持CSS @property规则了
2024年10月10日,星期四CSS @property规则最具代表性的作用是扩大了CSS动画和CSS过渡效果的应用范围,还是挺实用的一个Houdini特性。
时隔两年,Chrome也支持round等CSS数学函数了
2024年09月26日,星期四最近Chrome进行了第4批CSS数学函数的支持,包括mod()/rem()/round(),其中round()函数尤为的实用。
好消息,align-content垂直居中也适用普通元素啦
2024年09月13日,星期五之前使用align-content控制元素的垂直对齐仅适用于Flex或Grid元素,而现在,Block元素也能使用啦!
不能落后,好好缕缕CSS滚动动画
2024年08月23日,星期五CSS滚动动画比我预想的要强多了,项目中又有很多JavaScript代码可以淘汰了。
页面级可视动画View Transitions API初体验
2024年08月10日,星期六View Transitions API可以让页面元素在无需设置具体定位属性值的情况下实现各种各样的动画效果,是个很强很有用的新特性。
今日学习CSS文本自定义高亮API
2024年07月18日,星期四随着Firefox 131也支持了CSS Custom Highlight API,至此,所有现代浏览器下都可以实现无标签的文本内容高亮效果了。
了解infinity、pi等CSS calc()计算关键字
2024年07月15日,星期一如何使用纯CSS鉴别是不是Safari浏览器
2024年07月4日,星期四列举了我目前所知的N多种纯CSS判断是不是Safari和iOS Safari浏览器的方法,希望可以对你的工作有所帮助。
CSS transition-behavior让display none也有动画效果
2024年06月30日,星期日现在,CSS已经有能力让元素display:none元素显示与隐藏的时候有transition动画效果了,分别靠@starting-style规则和transition-behavior属性,什么,这些你都不认识?那还不进来看看究竟是什么新特性。