Posted by | 堀 裕成 Yusei Hori |
こんにちは、ほーりーです。
HTML・CSS・PHPと絶賛勉強を続けている私ですが、
今まであまり手を出してこなかったものがあります。
そう、アニメーションです。
アニメーションってそもそもどんな感じ??
と思われるでしょうが、簡単に言うとこんな感じ。
僕ができるのはこの程度で、
これ以上アニメーションをするとなるとJavascriptを徹底的に学ばなければならない….
そう思っていました。
が!!しかし!!
CSSでもアニメーションって結構できちゃうんですね!
今更(遅すぎ)それを知った私、重い腰をあげて練習を始めています。
https://b-risk.jp/blog/2021/01/anim-reference/#link01-2
上記ページを参考させていただき作った一例がこちら
マスターしたらだいぶ動きのあるページができちゃいそうですね!
このCSSアニメーション、極めたらこんなのも作る猛者がいるらしいですよ。
いやゲーム遊べちゃうやん…
https://ash-creator.com/hentai_css/mario/
制作者(あしざわ様)のtwitter
→https://twitter.com/ash_creator/status/1346083972699230211?s=20
もちろん、タイミングなど拘っていくと他の知識が必要になってきますが、
アニメーションに手を出すいいきっかけになりました!
よりよいページを作れるようになるため、
研鑽を積んで参ります!!!
Posted by Yusei Hori
鳥栖テクニカルディレクター/カメラマン/WEBコーダー/ナレーター 堀 裕成
|
ブログ 2023-03-06 11:01:00
ピークスマインドの社員研修で 1泊2日の東京研修に行ってきました!!! 1日目は &n ...
ブログ 2021-09-24 20:46:00
こんにちは! 深田雄太です! カメラマンともあれば どんなときでも可能な限り 構図にこだわるべきです! 笑顔優 ...
ブログ 2021-02-04 14:12:00
こんにちは!たけばです^^ 今日はダイソーで見つけた 格安で便利で可愛い 冬に重宝するアイテムをご紹介 ...
ブログ 2020-08-31 18:41:00
みなさま、こんにちは。 八月も終盤、うだるような暑さに溶けてしまいそうな上甲です。 ところで皆様、音楽を聴くとき「音質」 ...
ブログ 2021-04-15 21:13:00
4/14(水)本社事務所が工事のため使えず、 急遽レンタルオフィスでの作業となりました^^ ピークスマインドの事務所は 福岡天神大 ...
ブログ 2023-12-29 11:53:00
こんにちは!今日で仕事納めの永原です! 年末年始休暇前に、2023年を振り返ってみて、今年何を聴いてたかな〜とApple Musicを開い ...
ブログ 2020-12-24 11:25:00
こんにちは深田雄太です!最近はPVからSNS用の動画撮影ドローンの撮影など様々なご依頼を頂いております。今回は「物撮り」のご依頼をいただきち ...
ブログ 2021-02-11 21:00:00
こんにちは!たけばです^^ 今回は最近、私的にとても魅力的だなって 思うことについて紹介します! &n ...
ブログ 2021-02-15 22:39:00
こんばんは!平野です。 昨日に引き続き、 就活生に役立つ情報を 書いていきたいと思います! 今日はメ ...
ブログ 2021-02-21 16:32:00
2021年2月20日-21日の二日間、 完全にスタジオと化した ピークスマインド本社の一角 世 ...