书本翻页效果 html+css
2020-12-25 11:17 作者:自学Python的小姐姐呀 | 我要投稿
效果:

有些细节没处理好 (“▔□▔)
实现:
定义标签,shu是书本,feng是封面,wen是文字内容。



transition: 1s cubic-bezier(.79,.34,.47,.92); 变化时间为1s,运动曲线为 cubic-bezier(.79,.34,.47,.92),这个可以去一个网站自定义生成:点我。

鼠标经过,阴影变化,然后书本向左旋转:






有些细节没处理好 (“▔□▔)
定义标签,shu是书本,feng是封面,wen是文字内容。
transition: 1s cubic-bezier(.79,.34,.47,.92); 变化时间为1s,运动曲线为 cubic-bezier(.79,.34,.47,.92),这个可以去一个网站自定义生成:点我。
鼠标经过,阴影变化,然后书本向左旋转: