飒小姐 - 火箭少女101

杨帆 · 发表于 2025-5-6 18:05

请马上登录，朋友们都在花潮里等着你哦：）

您需要登录才可以下载或查看，没有账号？立即注册

x

本帖最后由杨帆于 2025-5-7 11:39 编辑

) no-repeat center/100% 100%; position: relative; overflow: hidden; border-radius: 32px; box-shadow: 3px 3px 6px gray; z-index: 2; animation: rod 2s linear infinite var(--state); } @keyframes rod {0% { background:radial-gradient(circle farthest-corner at center center, transparent 22%, #ff0000 100%); } 25% { background:radial-gradient(circle farthest-corner at center center, transparent 22%, #800000 100%); } 50% { background:radial-gradient(circle farthest-corner at center center, transparent 22%, #000080 100%); } 75% { background:radial-gradient(circle farthest-corner at center center, transparent 22%, #995918 100%); } 100%{ background:radial-gradient(circle farthest-corner at center center, transparent 22%, #97349E 100%); } } #dt{ position:absolute; width: 100%; height: 50%; top:50%; z-index: 2; left: 0%; mix-blend-mode: screen; } #dt img{width: 100%; height: 100%; } #cndpt{ margin: 0px 0px ; z-index: 2; mix-blend-mode: screen; cursor: pointer; position:relative; width: 100%; height: 100%; transform: rotatez(0deg)rotateX(0deg); } #vid1{ width: 100%; height: 150%; z-index: .99; position:absolute; top:-150px; left:0px; object-fit: cover; pointer-events: none; aspect-ratio: 16/9; } #lrc { --state: paused; --motion: cover2; --tt: 2s; --bg: linear-gradient(180deg, #880000, #ff0000, #80ef03); position: absolute;z-index: 4; left: 50%; transform: translate(-50%); top: 85%; font:normal 2.4em 华文新魏; color: #055306; white-space: pre; -webkit-background-clip: text; filter:drop-shadow(#FFFFFF 1px 0 0)drop-shadow(#FFFFFF 0 1px 0)drop-shadow(#FFFFFF -1px 0 0) drop-shadow(#FFFFFF 0 -1px 0); } #lrc::before { position: absolute; content: attr(data-lrc); width: 20%; height: 100%; color: transparent; overflow: hidden; white-space: pre; background: var(--bg); -webkit-background-clip: text; animation: var(--motion) var(--tt) linear forwards; animation-play-state: var(--state); } @keyframes cover1 { from { width: 0; } to { width: 100%; } } @keyframes cover2 { from { width: 0; } to { width: 100%; } } #clone_player0,#clone_player1, #clone_player2, #clone_player3, #clone_player4, #clone_player5, #clone_player6, #clone_player7, #clone_player8, #clone_player9, #clone_player10 { position: absolute; width: 100%; height: 100%; left: 10%; top: 50%; width: 33px; height: 3px; border-radius: 50%; background:#00ff00; box-shadow: 0px 0px 10px #ff0000; --time: .4s; animation: rotating 0.65s var(--time) infinite alternate linear var(--state); } #clone_player0 { --time: 5.4s; left: 5%; top: 90%; filter: hue-rotate(30deg); } #clone_player1 { --time: 1.4s; left: 78%; top: 92%; filter: hue-rotate(30deg); } #clone_player2 { --time: 2.4s; left: 85%; top: 80%; filter: hue-rotate(50deg); } #clone_player3 { --time: 2.0s; left: 70%; top: 93%; filter: hue-rotate(60deg); } #clone_player4 { --time: 1.4s; left: 60%; top: 84%; filter: hue-rotate(40deg); } #clone_player5 { --time: 3.4s; left: 50%; top: 80%; filter: hue-rotate(10deg); } #clone_player6 { --time: 2.6s; left: 40%; top: 91%; filter: hue-rotate(60deg); } #clone_player7 { --time: 1.0s; left: 31%; top: 85%; filter: hue-rotate(40deg); } #clone_player8 { --time: 3.4s; left: 93%; top: 86%; filter: hue-rotate(10deg); } #clone_player9 { --time: 2.4s; left: 22%; top: 94%; filter: hue-rotate(20deg); } #clone_player10 { --time: 0.4s; left: 15%; top: 88%; filter: hue-rotate(60deg); } @keyframes rotating { from { transform: translate(0,0px) rotate(0deg)scale(1);} to { transform: translate(0px,-80px) rotate(2480deg)scale(1);filter: hue-rotate(360deg); } }

飒小姐 - 火箭少女101

马黑黑 · 发表于 2025-5-6 19:42

<center>。。。</center> 是 IE 时代下的标签，早已被废弃，不能再用了。

你的帖子是 iframe，你可以考虑把它放在一个 div 里，而这个div，主要负责装载引入的页面和整个页面居中。该 div 可以使用 CSS 设置它的位置，就和你平时做帖子的一样；而 iframe，它的意思是引用其它网站的页面，也要在CSS里设置一下基本的样式。div 和 iframe 互相配合，你就把 iframe 看成是 div 帖子容器的一个子元素就行。