GIF2枚並列作業用

GIF2枚並列させる方法

<!--2つ並列GIF-->
<div></div>
<div class="flex-container-gif">
<div class="flex-item-gif">
<div class="image-wrap-gif"><img src="左の画像" alt="" /></div>
</div>
<div class="flex-item-gif">
<div class="image-wrap-gif"><img src="右の画像" alt="" /></div>
</div>
</div>

1.上のコードをコピーする
2.貼り付けたい記事をテキストモードにして入れたい場所にそのままペースト
3.入れたいGIF画像2枚をメディアにアップロード
4.URLをコピーする
5.先ほどペーストしたコードの「左の画像」「右の画像」
にそれぞれURLを入れる。
※左右にある「”」は消さないように!
注意:2枚とも同じ大きさになるよう調整されているので、画像の比率が違いすぎると上手く表示ができない場合があります。あらかじめGIF画像自体のサイズを2枚とも大体同じにトリミングしておくと良いです。

参考

タイトルとURLをコピーしました