WIING WebServiceCloudのWordPress用メディアブログテーマです。-WIING MEDIA

Web制作オンライン学習と企業ネットコンサルティング-WIING MEDIA

  • twitter WIING WebServiceCloud
  • Instagram WIING WebServiceCloud
  • facebook WIING WebServiceCloud
  • note WIING WebServiceCloud
  • WIING media ログイン
HOME 〉CSS 〉ロゴのローディングアニメ制作と作り方を学習

2022/01/12

ロゴのローディングアニメ制作と作り方を学習

CSS

ホームページのローディングアニメ制作と作り方学習

Webサイトにアクセスすると、時折なめらかにかっこよくロゴマークが浮かび上がるサイトを見かけることが多かったので、今回はトップページアクセス時に表示されるローディングアニメーション制作を行ってみました。

できるだけ時間がかからず、軽量で、なおかつ滑らかにかっこよく表示されるローディングアニメを作成してみます。 今回はローディングイメージがループするタイプではなく、ローディング時にロゴマークのパーツがアニメーション描写されて形づくり、トップページが表示されるタイプのローアニです。 (ローディングアニメーションの文言が長いので、以後“ローアニ”と略称が登場しますが、ご了承ください。)

2019/11/01

Webページ印刷が上手くいかない時のCSS

CSS

Webページ印刷のCSS設定について

ホームページを印刷するときに、レイアウトが崩れたり、ページが余白部分まで印刷されたり、ページが切れてしまうことがあります。

ホームページを上手に印刷するには基本的にCSSで修正してうまく印刷できるようにします。
(IEは比較的にバグが多いので個別の対応が必要になるかもしれません。)

修正対応方法は2つだけです。

1〜2 / 2件