{$text1}
{$text2}
这是一个未完成组件，有部分模块存在未修正问题。
这是什么？
这是一个可以让你在页面里添加一至多个“悬停翻转卡片”的实用小组件。
卡片在鼠标悬停其上（或触屏手指触摸）时会动态翻转180°，显示背面，可以用于艺作展示、勋章墙1等。
使用方法
把以下代码单独成行放置于你的页面源代码中以使用本组件：
理论上只有width和height是必填项，其它的可以不放图也可以不放字，非必填项可以整行删除，但最后一行的“]]”必须带。
[[include :area-cn-02:component:hover-cards
|width=宽度，单位为像素（px），必填，下同
|height=高度
|image1=正面图片网址
|image2=背面图片网址
|margin=上下外边距，单位为像素（px），不填为0
|border=凸起边框宽度，单位为像素（px），不填为0
|color1=正面背景色（可使用RGB值，十六进制代码（HEX），预设颜色名等），不填为白色，下同
|color2=背面背景色
|text1=正面文字内容（可使用Wikidot语法，下同）2
|text2=背面文字内容
|font-size1=正面文字字号，单位为百分比（只填数字，不要加％号），不填为默认大小（100%），下同
|font-size2=背面文字字号
|padding1=正面文字内边距，单位为像素（px），不填为0
|padding2=背面文字内边距，单位为像素（px），不填为0
]]
卡片默认居中，一行只能容纳一个，无法横向并排，只可竖向并列。
凸起边框是一圈浅灰色外框，可以使卡片具有一定的立体感。
每个卡片互相独立，一个页面内可以有多个不同样式的卡片。
示例
[[include :area-cn-02:component:hover-cards
|image1=https://scp-sandbox-3.wikidot.com/local--files/panorama/scp-trpg.png
|margin=20
|width=200
|height=200
|border=10
|color1=#050505
|color2=lightgray
|text2== **SCP：全景**
= **完整参与一次以SCP为题材或背景设定的跑团**
|font-size2=150
|padding2=20
]]
点按查看翻转效果：
SCP：全景
完整参与一次以SCP为题材或背景设定的跑团
现在的bug
- 如果字号和/或内边距过大，卡片实际显示的会比设定的宽高值更大
- 如果text留空，显示出来的不是无字，而是默认变量“{$text1}”和/或“{$text2}”。这是wikidot变量的老毛病了，因为wikidot的参数{$}在留空时不会消失，而是会原样显示成{$参数名}。据说可以通过建个中间页传递参数解决，但现在还没搞明白