アニメーション

母の日の特別なロゴ(GoogleとLINE、2024年5月12日) とりあえずのメモ

母の日の特別なロゴ(GoogleとLINE、2024年5月12日)

今日は「母の日」。スマホのアプリでも、特別な日を祝うロゴに切り替わっていました。 Google検索の「母の日」 Google検索の「母の日」は、子どもの手描きの絵のスタイル。 (参考) 「母の日」「父の日」は、世界各地のさまざまにあるようです。 このDoodleは、すでにノルウェーで2月11日に表示されていたものでした。 LINEの母の日 LINEでは、ホーム画面のロゴが母の日になっているだけでなく、背景アニメーションも表示されました。 メッセージで関連するキーワードを入力す...
母の日はLINEで「いつもありがとう」(2022年5月8日)【カーネーションの背景アニメーション】 とりあえずのメモ

母の日はLINEで「いつもありがとう」(2022年5月8日)【カーネーションの背景アニメーション】

母の日にLINEで「いつもありがとう」と送ってみると、ピンクの画面にカーネーションが表示されました。
[LINE]「クリスマス」の背景アニメーション(2021年) インターネット小話

[LINE]「クリスマス」の背景アニメーション(2021年)

クリスマス・イブ、クリスマス当日に、LINEのメッセージを送ったら、 急に背景が一瞬暗くなって、クリスマスリースがビョーンとぶら下がってきました。 これは、スタンプに似ていますが、「背景アニメーション」といいます。 「クリスマス」「メリクリ」「Xmas」がキーワードになって、背景アニメーションが表示されたようです。 追記:2022年12月23日 2022年も12月9日から同じアニメーションが表示されています。 背景アニメーションの設定 もし、背景アニメーションが表示されない場...
タイトル見出しにアニメーションをつけてみた 【CSS animation】 ニッチな話題

タイトル見出しにアニメーションをつけてみた 【CSS animation】

タイトル見出しを大きく表示するようにしたので、アニメーションで表示するようにしてみました。 基本的なアニメーション部分の構造をみる 見出し全体のフェードインと、上下の線の伸びるエフェクトの2つが組み合わせています。 CSSの中でフェードインの部分だけを抜き出してみます。 /* 見出しをフェードイン */ h1.entry-title { animation: title-fade-in 0.5s ease 0.8s 1 normal running forwards; } @...
Adobe Premiere Elementsのテキストのフェードインが遅すぎる 【テキストクリップとアニメーション】 #PR含む

Adobe Premiere Elementsのテキストのフェードインが遅すぎる 【テキストクリップとアニメーション】

Adobe Premiere Elements(アドビ・プレミア・エレメンツ)は、簡単に動画編集をするためのソフトです。 今回は、Premiere Elements のテキストアニメーションの効果速度についてレポートします。 ちなみに、おなじ「プレミア」に、 Adobe Premiere Proもあります。そちらはより高度な編集ができる「プロ仕様」の別ソフトなので注意。 Youtubeでも解説しています。 Adobe Premiere Elementsの基本操作(7)テキスト...