特别声明,本文翻译自@alligatorio的Control Page Scroll in CSS Using Scroll Snapping一文,受限于译者能力,译文或存在不足,欢迎大家指出.如需转载,烦请注明出处. 滚动捕捉「Scroll Snapping」是一项你肯定已经见过的技术.当实现得不佳时,它会十分惹人厌,给用户带来很差的浏览体验.但当实现得好的时候,它又会是用于实现展示内容的功能的好方法,如图片画廊.过去滚动捕捉只能通过JavaScript实现,但现在得益于新的CSS滚动捕捉模块
最近在实现一个显示RGB颜色数值的动画效果时,尝试使用了writing-mode(书写模式)及 text-orientation来实现文字的竖直方向的排列,并借助CSS的transition(过渡)来实现动画效果.关于书写模式,参考链接[链接描述]1 各浏览器对writing-mode的支持情况,可在Can I use中查看,而对text-orientation的支持情况在Can I use中暂不能查到,根据笔者的测试,Chrome/FF/Opera均支持此样式,而IE/Edge都不支持.暂未在