掏两个素蛋进宫
<style>.egg {
margin: 50px auto;
width: 120px;
height: 180px;
border-radius: 50% / 58% 60% 40% 40%;
background: linear-gradient(#D19B73,#EEE9F9);
box-shadow: 0 0 15px 0 #E8D2C4 inset,-20px 10px 40px 0 #ECDACE inset;
filter: drop-shadow(8px -20px 18px hsla(0,0%,0%,.26));
transform: rotate(7deg);
}
.big {
transform: rotate(45deg) scale(1.2);
}
</style>
<div class="egg"></div>
<div class="egg big"></div>
代码
<style>
.egg {
margin: 50px auto;
width: 120px;
height: 180px;
border-radius: 50% / 58% 60% 40% 40%;
background: linear-gradient(#D19B73,#EEE9F9);
box-shadow: 0 0 15px 0 #E8D2C4 inset,-20px 10px 40px 0 #ECDACE inset;
filter: drop-shadow(8px -20px 18px hsla(0,0%,0%,.26));
transform: rotate(7deg);
}
.big {
transform: rotate(45deg) scale(1.2);
}
</style>
<div class="egg"></div>
<div class="egg big"></div>
这两个配色太好了，真的很像呢{:4_199:} 两个相差1.2倍，却看着像差了很多呢。 俺中午就用这个烧了个碗豆芽汤，可好喝了{:4_189:} 真像！{:5_116:} 玩代码真有趣，点赞。 精美的制作，与实物毫无二致。 梦油 发表于 2023-2-4 15:49
精美的制作，与实物毫无二致。
{:4_191:} 红影 发表于 2023-2-4 13:45
这两个配色太好了，真的很像呢
有点像 红影 发表于 2023-2-4 13:47
两个相差1.2倍，却看着像差了很多呢。
相差 0.2 倍。
第一个没有设置 scale ，等于 scale(1)；第二个 scale(1.2)。1.2 - 1 = 0.2 庶民 发表于 2023-2-4 15:14
玩代码真有趣，点赞。
{:4_190:} 樵歌 发表于 2023-2-4 14:11
俺中午就用这个烧了个碗豆芽汤，可好喝了
素蛋补身子没毛病 海笑 发表于 2023-2-4 14:36
真像！
{:4_180:} 有趣，欣赏问好！{:4_171:} 梦缘 发表于 2023-2-4 16:36
有趣，欣赏问好！
{:4_191:} 醉美水芙蓉 发表于 2023-2-4 16:38
老师做得真像！
{:4_190:} 马黑黑 发表于 2023-2-4 16:21
为友谊干杯！