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-02-13 20:47:00
今回は印象に残るモーショングラフィックス集をご紹介します! 「ALBION COLOSSU ...
ブログ 2024-05-30 21:53:00
こんにちは!永原です! 今回はAfter Effectsを使って「Golden Text」を作ってみました! 普段は ...
ブログ 2024-09-30 22:25:00
こんにちは!南です!! お久しぶりです。 すっかり秋めいてきましたねとか言いたい日々ですがミリもそんなことなく暑さに辟易する時間をお過ご ...
ブログ 2020-03-27 16:24:00
どうもヤマオこと山男です★ 前回のブログで紹介した「耳フーフーラグビー」を 続編にてご紹介致します(^_^) 前回の「 ...
ブログ 2021-02-19 18:20:00
こんにちは ひきちひきです! 本日最終回になるかもしれない 視聴したら意識高くなりそう ...
ブログ 2024-03-15 10:26:00
どうも皆さんこんにちは! 志水 勇輔(しみず ゆうすけ)です 先日、仕事で東京へ出張させていただき某企業様の撮影を行って ...
ブログ 2021-02-12 11:24:00
こんにちは!たけばです^^ 2月といえば、、、今大学3年生にとっては 「就活」を考え出す ...
ブログ 2021-02-14 20:50:00
みなさんこんにちは!! 水流です!! 今回も前回に引き続きプロジェクターについて紹介していきます。 プロジェクターは暗いところで見るの ...
ブログ 2024-03-28 23:13:00
こんにちは! この冒頭が何も思い浮かばない、なかむら りんです! 今月は普段あまりしないような買い物をしたので いくつ ...
ブログ 2021-02-14 18:16:00
こんばんは!平野です。 今日は、ピークスマインドでの 新卒採用の選考において大事にしていることを書いていきます。 &n ...