https://mcbbs.wiki/index.php?action=history&feed=atom&title=%E5%BE%AE%E4%BB%B6%3ASaltCardEffect%2FCSS
微件:SaltCardEffect/CSS - 版本历史
2026-05-05T14:56:27Z
本wiki上该页面的版本历史
MediaWiki 1.40.3
https://mcbbs.wiki/index.php?title=%E5%BE%AE%E4%BB%B6:SaltCardEffect/CSS&diff=34819&oldid=prev
Salt lovely：卡片效果的CSS
2022-06-25T08:04:48Z
<p>卡片效果的CSS</p>
<p><b>新页面</b></p><div><noinclude>卡片效果的CSS，你也可以自行编写CSS。</noinclude><includeonly><style><br />
/* src/index.css */<br />
.salt-card-effect-overview,<br />
.salt-card-effect-detail {<br />
display: flex;<br />
flex-wrap: wrap;<br />
position: relative;<br />
gap: 8px;<br />
}<br />
.salt-card-container {<br />
display: block;<br />
transform-origin: center center;<br />
transition: 0.3s ease;<br />
}<br />
.salt-card-container:hover {<br />
z-index: 9;<br />
}<br />
.salt-card-layer {<br />
perspective: 466px;<br />
}<br />
.salt-card-container-detail:hover {<br />
transform: scale(1.5);<br />
}<br />
.salt-card-effect-detail img.salt-card-img {<br />
box-shadow: 0 0 10px #9999;<br />
transition: all 0.1s ease, box-shadow 0.3s ease;<br />
}<br />
.salt-card-effect-detail img.salt-card-img:hover {<br />
box-shadow: 0 0 30px #9999;<br />
}<br />
.salt-card-effect-overview img.salt-card-img {<br />
box-shadow: 2px 2px 6px #9999;<br />
}<br />
</style></includeonly></div>
Salt lovely