月別: 2020年8月

css js【簡単】下からふわっと出てくるアニメーションの作り方

2020.08.28 　

最近よく見る下からふわっと出てくるアニメーションで。もっとも簡単な実装方法をご紹介します。 header内に以下を記入します。

<script src="https://unpkg.com/scrollreveal"></script>
<script>
	$(function(){
            ScrollReveal().reveal('.変化させるクラス名',{ 
								  delay: 400, //アニメーションの発生タイミング
								  distance: '30px', //要素の移動距離
								  origin: 'bottom', //要素が移動してくる方向 top/right/bottom/left
								  duration:4000, //アニメーション完了までの速度
								  opacity:0, //アニメーション開始前の要素の不透明度
								  });
        });
</script>

$(function(){

ScrollReveal().reveal('.変化させるクラス名',{

delay: 400, //アニメーションの発生タイミング

distance: '30px', //要素の移動距離

origin: 'bottom', //要素が移動してくる方向 top/right/bottom/left

duration:4000, //アニメーション完了までの速度

opacity:0, //アニメーション開始前の要素の不透明度

});

</script>

変化させるクラス名という箇 […]

続きを見る　

All-in-one-wp-migrationで引っ越したら404 not foundになってしまった時の対処法

2020.08.24 　

All-in-one-wp-migrationで引っ越したら404 not foundになってしまった。原因の一つに、元のサイトがSSL化していて、新サーバーがまだSSL化していないときに整合性が合わずエラーになること […]

続きを見る　