模板:恰恰相反:修订间差异
BGWW>35609647 创建页面,内容为“<includeonly><span class="on-the-contrary">{{{1|恰恰相反}}}</span>{{#css: .on-the-contrary{transform: rotate(180deg);transition: .3s;display: inline-block;} .on-…” |
小 导入1个版本 |
(没有差异)
|
2022年10月13日 (四) 17:27的最新版本
用法
{{恰恰相反|内容}}
- 默认内容为“恰恰相反{{#css:
.on-the-contrary{transform: rotate(180deg);transition: .3s;display: inline-block;} .on-the-contrary:hover{transform: rotate(0);} }}”。
- 鼠标移动上去(移动端则是点一下)转回正常角度。
示例
{{恰恰相反}},梨木木其实是个可爱的{{恰恰相反|男孩子}}。
恰恰相反{{#css: .on-the-contrary{transform: rotate(180deg);transition: .3s;display: inline-block;} .on-the-contrary:hover{transform: rotate(0);} }},梨木木其实是个可爱的男孩子{{#css: .on-the-contrary{transform: rotate(180deg);transition: .3s;display: inline-block;} .on-the-contrary:hover{transform: rotate(0);} }}。
{{恰恰相反}},这个模板可以搭配其他模板达到{{恰恰相反|{{黑幕|神秘}}}}效果。
恰恰相反{{#css: .on-the-contrary{transform: rotate(180deg);transition: .3s;display: inline-block;} .on-the-contrary:hover{transform: rotate(0);} }},这个模板可以搭配其他模板达到神秘{{#css: .on-the-contrary{transform: rotate(180deg);transition: .3s;display: inline-block;} .on-the-contrary:hover{transform: rotate(0);} }}效果。
{{恰恰相反|[[文件:恰恰相反.jpg]]}}
文件:恰恰相反.jpg{{#css: .on-the-contrary{transform: rotate(180deg);transition: .3s;display: inline-block;} .on-the-contrary:hover{transform: rotate(0);} }}