查看“模板:Sliding Doors/doc”的源代码

滑動門效果，電腦端為鼠標滑過時打開，而移動端是點擊後打開。

==用法==
<pre>
{{Sliding Doors
|width=
|float=
|lgstyle=
|lg=
|rgstyle=
|rg=
|content=
}}
</pre>

== 參數 ==
*顯示內容
*width=　，整個滑動門的寬度
*float=　，浮動效果，可填left、right等，默認為不浮動。
*lgstyle= ，左側滑動門的樣式
*rgstyle= ，右側滑動門的樣式
*lg= ，左側滑動門的內容
*rg= ，右側滑動門的內容
*content= ，滑動門背後的內容。

== 例子 ==
 <nowiki>
{{Sliding Doors
|width=320px
|content=<center>[[File:58984528 p1.png|300px]]</center>
}}</nowiki>

{{Sliding Doors|width=320px
|content=<center>[[File:58984528 p1.png|300px]]</center>
}}

== 例子 ==
 <nowiki>
{{Sliding Doors
|width=800px
|float=left
|lgstyle=background: -prefix-linear-gradient(left, #ebf5ff, #b1d8ff, #89c4ff);background: linear-gradient(to right, #ebf5ff, #b1d8ff, #89c4ff)
|rgstyle=background: -prefix-linear-gradient(left, #89c4ff, #b1d8ff, #ebf5ff);background: linear-gradient(to right, #89c4ff, #b1d8ff, #ebf5ff)
|content=[[File:39299502_p0_master1200.jpg|400px]][[File:39299502_p1_master1200.jpg|400px]]<br/><center>しゃび的作品</center>
}}</nowiki>

{{Sliding Doors
|width=800px
|float=left
|lgstyle=background: -prefix-linear-gradient(left, #ebf5ff, #b1d8ff, #89c4ff);background: linear-gradient(to right, #ebf5ff, #b1d8ff, #89c4ff)
|rgstyle=background: -prefix-linear-gradient(left, #89c4ff, #b1d8ff, #ebf5ff);background: linear-gradient(to right, #89c4ff, #b1d8ff, #ebf5ff)
|content=[[File:39299502_p0_master1200.jpg|400px]][[File:39299502_p1_master1200.jpg|400px]]<br/><center>しゃび的作品</center>
}}

{{-}}
== 例子 ==
 <nowiki>
{{Sliding Doors
|width=300px
|float=left
|lgstyle=background: radial-gradient(circle farthest-corner at center center , #FFE700 10%, #FFC500 50%, #FFA500)
|rgstyle=background: radial-gradient(circle farthest-corner at center center , #FFE700 10%, #FFC500 50%, #FFA500)
|content=[[File:37740510_p0.jpg|300px]]<br/><center>PID=37740510</center>
}}</nowiki>

{{Sliding Doors
|width=300px
|float=left
|lgstyle=background: radial-gradient(circle farthest-corner at center center , #FFE700 10%, #FFC500 50%, #FFA500)
|rgstyle=background: radial-gradient(circle farthest-corner at center center , #FFE700 10%, #FFC500 50%, #FFA500)
|content=[[File:37740510_p0.jpg|300px]]<br/><center>PID=37740510</center>
}}
{{-}}