3D Book Image CSS Generator – 免费在线创建 3D 书本展示效果,可设定图片与链接并产生 CSS 与 HTML 代码

3D Book Image CSS Generator是一个非常有趣的免费在线工具,他能够帮你产生一个 3D 立体动态的书本效果,非常适用于展示书籍时使用,让你能够上传自己的书本图片进行制作。

3D Book Image CSS Generator除了能够上传定制图片产生 3D 书本效果之外,还能够为图片添加图片 Alt与图片链接... 等等细节,还能添加书本的底色、旋转角度、鼠标经过时的旋转角度、透视像素、动画持续时间、书边圆角、书本厚度、书本长宽与页面偏移量... 等等功能,调整的过程中,你就能立即看到 3D 书本呈现的效果。

3D Book Image CSS Generator 简介教学

进入页面之后,右边就会显示默认的图片以及默认的设定,你就能看到实际的 3D 书本效果:

image-20211204235006743

在网页中输入邮箱和密码注册一个免费账户

然后你可以在Image URL"栏位中填入你想要显示书本封面的网址,右侧的展示图就会立即更换,同时你还能在下方填入「Image Alt」与Image link」来给予图片 Alt 叙述以及超链接。

image-20211204235747451

下方的各项功能就是调整 3D 书本的显示效果了,你可以自行调整想要的 3D 显示效果。 如果觉得调整失败或是不喜欢,则可以点击Reset with Defaults将其还原成原本预设的设定。

image-20211204235814227

因此,贴至网站中显示后,就会呈现以下效果画面:

<script src="https://3dbook.xyz/api/books/61ab8f2fc7d76500174bacc1/cover.js"></script>

以上就是「3D Book Image CSS Generator – 免费在线建立 3D 书本展示效果,产生 CSS 与 HTML 代码」的完整介绍内容,如果喜欢的话,请帮忙点赞并分享,谢谢!

网站链接

网站名:3D Book Image CSS Generator 网站网址:https://3d-book-css.netlify.app/

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论