小黑书v3（六一特别版）

马黑黑

小辣椒 发表于 2022-5-27 15:22
只是书本周围的白色透明度更加淡，范围也是大了一点

一切都可在CSS里控制

梦油

马黑黑 发表于 2022-5-27 17:44
一般一般

黑黑朋友谦虚了

马黑黑

梦油 发表于 2022-5-27 20:05
黑黑朋友谦虚了

应该的

加林森

来学习

马黑黑

醉美水芙蓉 发表于 2022-5-27 20:57
太神奇了！几行代码就能翻书！黑黑老师厉害！

JS很强大的，用得好功效很高

小辣椒

马黑黑 发表于 2022-5-27 12:57
鼠标移上去就暂停了的，另外，可更改 auto 变量值

黑黑我改变了auto 变量值，发现书本外面的白的边缘也是会变大？

小辣椒

马黑黑 发表于 2022-5-27 17:46
嗯，但还是建议根据内容设定封面、内页样式

我现在是瞎捣鼓，加了文字再加图片，但想弄得漂亮还得花功夫

小辣椒

马黑黑 发表于 2022-5-27 17:46
一切都可在CSS里控制

黑黑我现在加到20页发现看书要有耐心了，但这个封面要自己重新PS吗

马黑黑

小辣椒 发表于 2022-5-27 23:13
黑黑我现在加到20页发现看书要有耐心了，但这个封面要自己重新PS吗

看情况，如果喜欢这个封面，不改也成

马黑黑

小辣椒 发表于 2022-5-27 23:10
我现在是瞎捣鼓，加了文字再加图片，但想弄得漂亮还得花功夫

出书肯定要费点心思的花点力气的

马黑黑

小辣椒 发表于 2022-5-27 23:09
黑黑我改变了auto 变量值，发现书本外面的白的边缘也是会变大？

道理上二者没有关系，是书页多了，它们的box-shadow跟着加厚，你可以更改 .page 的 box-shadow 的值尤其是第三个值

小辣椒

马黑黑 发表于 2022-5-27 23:15
看情况，如果喜欢这个封面，不改也成

好的，现在的问题要修改书本周围那些阴影，我不知道在哪里改

小辣椒

马黑黑 发表于 2022-5-27 23:15
出书肯定要费点心思的花点力气的

哈哈，是的，我也是不急，慢慢捣鼓，只是不会的上来请教黑黑

马黑黑

小辣椒 发表于 2022-5-27 23:18
好的，现在的问题要修改书本周围那些阴影，我不知道在哪里改

.page {/* 纸张 高度小于父元素30px*/
        padding: 20px;width: 478px; height: 570px; left: 50%; transform-origin: left;
        background: lightseagreen linear-gradient(rgba(255,255,255, .95), rgba(255,255,255, .75));
        box-shadow: inset -3px -3px 6px rgba(255,255,255,.5), 2px 10px 60px rgba(0,0,0,.15);
        transform-style: preserve-3d; position: absolute;
}

蓝色的值，10px可以改为2px，60px 改为 更小，比如 8px

小辣椒

马黑黑 发表于 2022-5-27 23:17
道理上二者没有关系，是书页多了，它们的box-shadow跟着加厚，你可以更改 .page 的 box-shadow 的值尤其 ...

这个我要去蒙一下了，也是感觉书本翻页看完太慢了，要不减掉几页

马黑黑

小辣椒 发表于 2022-5-27 23:19
哈哈，是的，我也是不急，慢慢捣鼓，只是不会的上来请教黑黑

嗯，你说的阴影问题我也发现了，我做的时候用的电脑显卡不好，当时那个效果是不错的，现在觉得阴影值设置的不合理，可以改的，我都说清楚了

小辣椒

马黑黑 发表于 2022-5-27 23:20
.page {/* 纸张 高度小于父元素30px*/
        padding: 20px;width: 478px; height: 570px; left: 50%; transf ...

有黑黑指导真的太幸福了

马黑黑

小辣椒 发表于 2022-5-27 23:20
这个我要去蒙一下了，也是感觉书本翻页看完太慢了，要不减掉几页

好书可以很厚的，战争与和平，四大本呢