【凡哥教程第十讲作业】梵高动图（边框设计）

花简静 · 发表于 2024-7-30 15:36

本帖最后由花简静于 2024-7-30 15:41 编辑

花简静 · 发表于 2024-7-30 15:37

本帖最后由花简静于 2024-7-30 15:41 编辑

<style>

#mybox {

position: relative;

left: calc(50% - 200px);

width: 400px;

height: 200px;

background: url('https://pic.imgdb.cn/item/669cf1b0d9c307b7e9b67c5d.gif') no-repeat center/cover; /* 添加了个GIF动画做背景 */

border-color: lightgreen; /* 颜色 */

border-style: ridge; /* 长相 */

border-width: 10px; /* 厚度 */

border-radius: 0 30px 0 30px;/* 右上，左下为圆角 */

}

</style>

花简静 · 发表于 2024-7-30 15:37

本帖最后由花简静于 2024-7-30 15:47 编辑

凡哥教程第十讲作业：
制作一个有浮雕边框效果（ridge）的 400*200 的元素，要求边框颜色为浅绿色（lightgreen），厚度为10px，左上角和右下角不需要圆角、右上角和左下角圆角半径为30px。

完成情况：按要求完成浅绿色边框设计。添加一个背景

花简静 · 发表于 2024-7-30 15:37

拈花小和尚 · 发表于 2024-7-30 17:07

好棒，冲进来回复个。
仔细看二三楼，动图不是自己制作的？

醉美水芙蓉 · 发表于 2024-7-30 18:42

好漂亮哦！

花简静 · 发表于 2024-7-30 19:40

拈花小和尚发表于 2024-7-30 17:07
好棒，冲进来回复个。
仔细看二三楼，动图不是自己制作的？

不是的，网上看到就下载下来的。。有好几张。
你感兴趣我传到素材版去

花简静 · 发表于 2024-7-30 19:44

醉美水芙蓉发表于 2024-7-30 18:42
好漂亮哦！

水妞来支持了，开心

令狐冲 · 发表于 2024-7-30 20:55

这动图太过神奇
宇宙天象般
还真像梵高作品
很棒。。。

花简静 · 发表于 2024-7-30 22:08

令狐冲发表于 2024-7-30 20:55
这动图太过神奇
宇宙天象般
还真像梵高作品

神秘的感觉

[活动] 【凡哥教程第十讲作业】梵高动图（边框设计）

评分

评分

评分

评分

评分