CSS视图过渡命名中的注意事项
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
我在博客上实现了跨文档视图过渡，模仿Dave Rupert的做法。为动画标题使用文章的URL路径作为过渡名称，经过多次尝试，通过添加前缀成功解决了标识符问题，最终实现了视图过渡。
🎯
关键要点
-
在博客上实现跨文档视图过渡，模仿Dave Rupert的做法。
-
为动画标题使用文章的URL路径作为过渡名称。
-
需要一个唯一的ID来标识要在页面之间过渡的元素。
-
尝试使用文章的URL路径作为过渡名称，但遇到问题。
-
尝试用引号包裹路径，但仍然不成功。
-
最终决定去掉路径中的斜杠，仍然未能解决问题。
-
查阅MDN文档，了解到<custom-ident>的规则。
-
<custom-ident>不能用引号包裹，不能包含保留的全局CSS名称和斜杠。
-
在每个名称前添加前缀，最终成功实现视图过渡。
➡️
