MCBBS Wiki欢迎您共同参与编辑!在参与编辑之前请先阅读Wiki方针。
如果在编辑的过程中遇到了什么问题,可以去讨论板提问。
为了您能够无阻碍地参与编辑 未验证/绑定过邮箱的用户,请尽快绑定/验证。
MCBBS Wiki GitHub群组已上线!
您可以在回声洞中发表吐槽!
服务器状态监控。点击进入
本站由MCBBS用户自行搭建,与MCBBS及东银河系漫游指南(北京)科技有限公司没有从属关系。点此了解 MCBBS Wiki 不是什么>>
用户:CrablePotion/CSS/勋章墙效果.css:修订间差异
< 用户:CrablePotion | CSS
CrablePotion(留言 | 贡献) 小无编辑摘要 |
CrablePotion(留言 | 贡献) 小 (// Edit via Wikiplus) |
||
(未显示同一用户的10个中间版本) | |||
第1行: | 第1行: | ||
⚫ | |||
<includeonly><!--/////使用文件:xxx情况下/////--> |
|||
⚫ | |||
{{CSS|无预览=1|1=<nowiki> |
|||
⚫ | |||
p img:hover { |
|||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
p img:hover { |
p img:hover { |
||
transform: scale(1.35); |
|||
⚫ | |||
} |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
</nowiki>}} |
|||
<!--/////使用<gallery class="medal"></gallery>代码情况下/////--> |
|||
{{CSS|无预览=1|1=<nowiki> |
|||
ul.gallery.mw-gallery-traditional.medal img { |
ul.gallery.mw-gallery-traditional.medal img { |
||
⚫ | |||
transition: all 0.3s ease; |
|||
⚫ | |||
} |
} |
||
ul.gallery.mw-gallery-traditional.medal img:hover { |
ul.gallery.mw-gallery-traditional.medal img:hover { |
||
transform: scale(1.35); |
|||
⚫ | |||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); |
|||
⚫ | |||
image-rendering: pixelated; |
|||
} |
} |
||
</nowiki>}}</includeonly><noinclude>__NOINDEX__{{用户:CrablePotion/CSS/勋章墙效果}}本模板灵感来自 '''[[模板:勋章墙]]'''。 |
|||
支持的勋章墙样式: |
|||
<pre><gallery class="medal">File:石镐矿工勋章.png|石镐矿工勋章</gallery></pre><gallery class="medal">File:石镐矿工勋章.png|石镐矿工勋章 |
|||
File:铁镐矿工勋章.png|铁镐矿工勋章 |
|||
File:小麦种勋章.png|小麦种勋章</gallery><pre>[[File:石镐矿工勋章.png]]</pre>[[File:石镐矿工勋章.png]][[File:铁镐矿工勋章.png]][[File:小麦种勋章.png]]</noinclude> |
2023年7月9日 (日) 19:12的最新版本
p img {
padding: 0 3.5px 3px;
transform: scale(1.05);
transition: all 0.3s ease;
}
p img:hover {
transform: scale(1.35);
border-radius: 5px;
image-rendering: pixelated;
}
ul.gallery.mw-gallery-traditional.medal img {
transform: scale(1.1);
transition: all 0.3s ease;
}
ul.gallery.mw-gallery-traditional.medal img:hover {
transform: scale(1.35);
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
image-rendering: pixelated;
}