SEE Conf 2021!  支付宝体验科技大会

opacity

CSS3 Letter

CSS3 Letter

这是一个很简单的案例,不过效果很有创意,一个标题“w3cplus”,默认只显示一个字母“w”,但当你的鼠标悬浮到这个标题上时,整个“w3cplus”会动态的给你展开,其实这个效果很类似于Letteringjs的效果,整个效果中letter-spacing属性的运用非常关键,然后配上CSS3的transition和opacity属性。

返回顶部