怎么我下面换了颜色，一楼的心心也是换了颜色了{:4_203:}
赶紧换回去
一颗大红心~~在呼唤谁啊~~{:5_115:}
马黑黑 发表于 2022-1-15 21:00
这个要感受一下
嗯嗯，这个没动手试过，也许试一下感觉更清楚。
马黑黑 发表于 2022-1-15 21:01
你可以测试一下不转45度，看看效果，慢慢领悟
或者转个别的角度{:4_173:}
红影 发表于 2022-1-16 00:01
或者转个别的角度
试试吧
红影 发表于 2022-1-16 00:01
嗯嗯，这个没动手试过，也许试一下感觉更清楚。
当然是这样
杨柳青 发表于 2022-1-15 23:29
一颗大红心~~在呼唤谁啊~~
自然跳动，表示即使脑死亡了人还活着
<style type="text/css">
.fbox {
margin: 200px auto;
position: relative;
left: 160px;
width: 400px;
height: 400px;
}
.xin {
position: relative;
width: 100px;
height: 100px;
left: 0;
top: 0;
background: red;
filter: drop-shadow(1px 2px 4px #ff0000);
transform: rotate(45deg);
animation: scale 1s infinite alternate;
}
.xin::before, .xin::after {
content: "";
position: absolute;
width: 100px;
height: 100px;
background: #292929;
border-radius: 50%;
}
.xin::before { left: -50px; }
.xin::after { top: -50px; }
@keyframes scale{
0% 100% { transform: rotate(45deg) scale(0.9,0.9); }
30% { transform:rotate(45deg) scale(0.9,0.9); }
}
</style>
<div class="fbox">
<div class="xin"></div>
</div>
为什么这个心放在贴子里会变形的呢
绿叶清舟 发表于 2022-1-16 10:19
为什么这个心放在贴子里会变形的呢
是你改变了颜色，上黑下不黑，看着像是变了形
全是黑的你试试
<style type="text/css">
.fbox {
margin: 200px auto;
position: relative;
left: 160px;
width: 400px;
height: 400px;
}
.xin {
position: relative;
width: 100px;
height: 100px;
left: 0;
top: 0;
background: red;
filter: drop-shadow(1px 2px 4px #000);
transform: rotate(45deg);
animation: scale 1s infinite alternate;
}
.xin::before, .xin::after {
content: "";
position: absolute;
width: 100px;
height: 100px;
background: red;
border-radius: 50%;
}
.xin::before { left: -50px; }
.xin::after { top: -50px; }
@keyframes scale{
0% 100% { transform: rotate(45deg) scale(0.9,0.9); }
30% { transform:rotate(45deg) scale(0.9,0.9); }
}
</style>
<div class="fbox">
<div class="xin"></div>
</div>
一颗红心，两手准备。对不对？{:4_189:}
加林森 发表于 2022-1-16 10:50
一颗红心，两手准备。对不对？
言之有理
马黑黑 发表于 2022-1-16 10:38
是你改变了颜色，上黑下不黑，看着像是变了形
<div align="center">
<section style="width:680px;">
<section style="margin:15px 0px 10px 0px;padding-right:10px;"><section style="margin-left:10px;background-color:#F10511;border: 1px solid transparent;padding-bottom:6px;box-sizing: border-box;"><section style="border: 1px solid #F10511;background-color:rgb(253,253,253);margin-right: -6px;margin-top:-6px;margin-left:6px;overflow:hidden;"><section style="background:url('https://pic.imgdb.cn/item/610e97fb5132923bf8f1ecff.gif');background-repeat:no-repeat;background-size:100px;background-position:bottom right;margin-right: -1px;">
<br><br>
<section style="display:flex;justify-content: center;align-items: center;padding:50px;">
</section>
<section style="margin:10px auto;text-align: center;"><section style="display: inline-block;"><section style="border: 1px solid #F10511;border-radius: 10px 0 10px 0;"><section style="display: flex;justify-content: center;align-items: center;"><section class="135brush" data-brushtype="text" style="border-radius: 10px 0 0 0; font-size: 20px;letter-spacing: 1.5px;padding: 1px 6px;color: #fff;background-image: linear-gradient(-45deg, #F10511, #F10511); "><b>小鹿乱撞</b></section><section class="135brush" data-brushtype="text" style="font-size: 20px;letter-spacing: 1.5px;padding: 1px 13px;color: #F10511;"><b>李小璐</b></section></section></section></section></section>
<br>
<p align="center"><img width="360" height="360" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fr.sinaimg.cn%2Flarge%2Farticle%2Fe4db0ab29ef03c74ecbf69647c3a7707&refer=http%3A%2F%2Fr.sinaimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644847229&t=6a26b3baa5034275f71476318d6a6842" border="0"></p>
<style type="text/css">
.fbox {
margin: 200px auto;
position: relative;
left: 160px;
width: 400px;
height: 400px;
}
.xin {
position: relative;
width: 100px;
height: 100px;
left: 0;
top: 0;
background: red;
filter: drop-shadow(1px 2px 4px #000);
transform: rotate(45deg);
animation: scale 1s infinite alternate;
}
.xin::before, .xin::after {
content: "";
position: absolute;
width: 100px;
height: 100px;
background: red;
border-radius: 50%;
}
.xin::before { left: -50px; }
.xin::after { top: -50px; }
@keyframes scale{
0% 100% { transform: rotate(45deg) scale(0.9,0.9); }
30% { transform:rotate(45deg) scale(0.9,0.9); }
}
</style>
<div class="fbox">
<div class="xin"></div>
</div>
<p align="center"><img width="500" height="588" src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.kamvic.net%2F%3Fcloud-m87nbqTFzDD0zD_2FMz1lfWqdxIkOvJXCobSaZX8VXuO_2FYxEkpGiWfbcJdUqZlcwgKrKyRtYl4zoSoOBCfzi1TJpNYx_2Bk_3D.jpeg&refer=http%3A%2F%2Fwww.kamvic.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1644847203&t=2fd291ec78d54cd2779ab1704c32eff5" border="0"></p>
<br>
<br>
</div>
</div>
<br>
<br>
<br>
</div>
<br>
<br>
放这里就变这样了，加了外面有表格就正常
马黑黑 发表于 2022-1-16 10:53
言之有理
嗯嗯
绿叶清舟 发表于 2022-1-16 11:06
小鹿乱撞李小璐
心长歪了？没有音乐吗？
加林森 发表于 2022-1-16 11:07
嗯嗯
{:4_181:}
绿叶清舟 发表于 2022-1-16 11:07
放这里就变这样了，加了外面有表格就正常
你这个变形的还不是一般的厉害，好像是从12维空间来的