笑纳 --- 花僮

起个网名好难

:doodle { @size: 100% 100%; --flowerState:running; } position: absolute; left: @r(100)%; top: -20%; :after { position: absolute; content: @p(🌺,💮); color: snow; font-size: @r(0.3, 1)vw; } animation: fall @r(8,20)s @r(-6, 6)s infinite var(--flowerState); @keyframes fall { 0% { top: -20%; transform: rotate(0deg); } 100% {top: 120%; transform: rotate(360deg); } }

点击启动播放

梦缘

好美的画面，欣赏问好！

亦是金

问好老师！美帖收藏待用！谢谢了！

红影

这样的背景加上花瓣缤纷也很漂亮呢。欣赏难难好帖

红影

这个原图挺大的，怎么我这里显示出来貌似挺小的呢？

起个网名好难

梦缘 发表于 2023-5-10 20:44
好美的画面，欣赏问好！

谢谢支持与欣赏，晚上好！

起个网名好难

亦是金 发表于 2023-5-10 20:56
问好老师！美帖收藏待用！谢谢了！

谢谢支持与欣赏，晚上好！

起个网名好难

醉美水芙蓉 发表于 2023-5-10 21:01
欣赏老师佳作！

谢谢支持与欣赏，晚上好！

起个网名好难

红影 发表于 2023-5-10 21:03
这样的背景加上花瓣缤纷也很漂亮呢。欣赏难难好帖

谢谢支持与欣赏，晚上好！

马黑黑

评分后跳转。所以不建议使用document.write

起个网名好难

红影 发表于 2023-5-10 21:04
这个原图挺大的，怎么我这里显示出来貌似挺小的呢？

图片匹配屏幕的大小， 我这显示是1152x768， 原图是1000x666

手机上就有点小了

起个网名好难

马黑黑 发表于 2023-5-10 21:14
评分后跳转。所以不建议使用document.write

接受建议，马上去改过。这样写是因为简单，偷懒。

红影

起个网名好难 发表于 2023-5-10 21:15
图片匹配屏幕的大小， 我这显示是1152x768， 原图是1000x666

手机上就有点小了

我是电脑上看的啊，奇怪的是，我这里显示的只有820宽约540高。可能还是我电脑的问题吧。

红影

起个网名好难 发表于 2023-5-10 21:09
谢谢支持与欣赏，晚上好！

客气了，问好难难，晚上好

起个网名好难

红影 发表于 2023-5-10 21:26
我是电脑上看的啊，奇怪的是，我这里显示的只有820宽约540高。可能还是我电脑的问题吧。

可能是你的电脑屏幕不够大，这图片的显示大小是宽为60%屏幕宽 高为40%屏幕宽。

我的屏幕分辨率是1920x1024

起个网名好难

红影 发表于 2023-5-10 21:26
我是电脑上看的啊，奇怪的是，我这里显示的只有820宽约540高。可能还是我电脑的问题吧。

说屏幕宽度并不严格，实际应该是与窗口可见区域大小对应，把窗口缩放一下画面会随之变化。

红影

起个网名好难 发表于 2023-5-10 21:30
可能是你的电脑屏幕不够大，这图片的显示大小是宽为60%屏幕宽 高为40%屏幕宽。

我的屏幕分辨率是1920x ...

嗯，我明天去单位再看看，单位的那个电脑分辨率比较大。

红影

起个网名好难 发表于 2023-5-10 21:39
说屏幕宽度并不严格，实际应该是与窗口可见区域大小对应，把窗口缩放一下画面会随之变化。

一般都是古董尺寸，这样根据分辨率设定尺寸还是不常见的

起个网名好难

红影 发表于 2023-5-10 22:00
一般都是古董尺寸，这样根据分辨率设定尺寸还是不常见的

如果用固定的尺寸在我的手机上看不全，这样设置手机上也可以看全了虽然有点小。