马黑黑 发表于 2022-1-26 20:56
我对图片用了 opacity 处理了，应该是 0.2 的值
刚才去看好像是0.85，底图0.8，有这样的效果真神奇。{:4_199:}
红影 发表于 2022-1-26 21:12
刚才去看好像是0.85，底图0.8，有这样的效果真神奇。
不过不是这些数据造成的效果
马黑黑 发表于 2022-1-26 20:56
这是颜色造成的效果，我也没想到的
多试出奇迹{:4_173:}
比较了一下原图，当虚的背景删更有清晰的字，再加个透明过的图图，就有可能看起来在字的后面了。
马黑黑 发表于 2022-1-26 21:04
好喝多喝
喝多了夜尿多
马黑黑 发表于 2022-1-26 21:11
美图是个软件吗
是啊，美图秀秀，特别简单的，不用学就能用。
马黑黑 发表于 2022-1-26 21:13
不过不是这些数据造成的效果
其他的看不出来了啊。
发现那朵玫瑰往右边转的速度快，往左转就慢一点，是咋回事。
红影 发表于 2022-1-26 21:42
其他的看不出来了啊。
发现那朵玫瑰往右边转的速度快，往左转就慢一点，是咋回事。
这里用了 ease 而不是 linear，ease 动画以低速开始，然后加快，在结束前变慢，linear是匀速。还有 ease-in，ease-out，ease-in-out，你去尝试一下
红影 发表于 2022-1-26 21:41
是啊，美图秀秀，特别简单的，不用学就能用。
适合像俺这样的图盲使用{:5_106:}
加林森 发表于 2022-1-26 21:17
喝多了夜尿多
那是好事，小白菜高兴
马黑黑 发表于 2022-1-26 21:54
那是好事，小白菜高兴
坏家伙。
加林森 发表于 2022-1-26 21:56
坏家伙。
{:5_106:}
马黑黑 发表于 2022-1-26 22:50
{:4_334:}
红影 发表于 2022-1-26 21:14
多试出奇迹
比较了一下原图，当虚的背景删更有清晰的字，再加个透明过的图图，就有可能看起 ...
总而言之是视觉原理的事情
马黑黑 发表于 2022-1-26 21:50
这里用了 ease 而不是 linear，ease 动画以低速开始，然后加快，在结束前变慢，linear是匀速。还有 ease- ...
原来有这么多命令的，有趣{:4_187:}
马黑黑 发表于 2022-1-26 21:50
适合像俺这样的图盲使用
是啊，我也是懒得去学难的，就简单的东西用用{:4_173:}
马黑黑 发表于 2022-1-27 09:37
总而言之是视觉原理的事情
太神奇了{:4_199:}
<style>
.hy {
margin: 0 auto;
width: 600px;
height: 300px;
position: relative;
background: #000
position: relative;
opacity: 0.8;
}
.hy img {
position: absolute;
left: 140px;
top: 100px;
width: 164px;
height: 200px;
opacity: 0.6;
transform-origin: 20% 100%;
animation: bai 5s ease-in infinite alternate;
}
@keyframes bai {
100% { transform: rotate(-45deg); }
}
</style>
<div class="hy">
<img src="https://pic.imgdb.cn/item/61f1fc4c2ab3f51d914e5ef0.png" alt="" />
</div>
<style>
.hy {
margin: 0 auto;
width: 600px;
height: 300px;
position: relative;
background: #444 url('https://pic.imgdb.cn/item/61f205ca2ab3f51d9156ac7e.jpg') no-repeat;
position: relative;
opacity: 0.8;
}
.hy img {
position: absolute;
left: 200px;
top: 80px;
width: 164px;
height: 200px;
opacity: 0.85;
transform-origin: 20% 100%;
animation: bai22 5s ease infinite alternate;
}
@keyframes bai22 {
100% { transform: rotate(-45deg); }
}
</style>
<div class="hy">
<img src="https://pic.imgdb.cn/item/61f1fc4c2ab3f51d914e5ef0.png" alt="" />
</div>
红影 发表于 2022-1-27 09:55
太神奇了
有人说这是错觉{:4_170:}
37楼ease-in，38楼是ease，两者貌似差不多。全是5s的。再来个linear，翻页后再试另两个。