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コーダー/ナレーター 堀 裕成
|
ブログ 2019-02-09 16:07:00
こんにちは、ピークスマインドのZackyこと松崎です。これから不定期でピークスマインドBLOGを更新していきますのでどうぞよろしくお願いしま ...
ブログ 2020-01-31 22:24:00
こんにちは、たけばです^^ 皆さんはゲストハウスを利用したことありますか? ただいま鹿児 ...
ブログ 2021-05-07 20:24:00
こんにちは、こんばんは エハラです。 先日私は とてつもなくかわいいとあるものを手に入れました。 そ ...
ブログ 2020-08-16 23:20:00
ドローンを飛ばしながらデジイチでドローンを撮影する。大袈裟に書いていますがマイクロドローンではない、通常のドローンには「ホバリング」という機 ...
ブログ 2021-02-19 14:32:00
こんにちは、ほーりーです。 【ドットインストール】 というサービスを知っていますか? ...
ブログ 2023-04-09 12:26:00
ようやく出来ました。コロナ禍でなかなか実施が出来ず....でも、ようやく. . . 当日は楽しすぎました(笑) 平日開催ということもあ ...
ブログ 2020-02-21 12:05:00
こんにちは!深田です! 鹿児島で知り合った 須部 貴之さんの誕生パーティーにお邪魔しました。 自分の誕生パーティーを自分で企画 ...
ブログ 2020-09-28 11:30:00
こんにちは!たけばです^^ 最近は少し涼しくなって過ごしやすくなってきました! こんな時に一年って早いな ...
ブログ 2019-11-11 21:40:00
先日、ハウステンボスの花火ショーを鑑賞してきました! 【スーパーワールド花火】 その名の通り、各国の音楽に合わせた壮大な ...
ブログ 2024-02-03 21:35:00
最近、プロンプトエンジニアリングという手法が注目を集めています。 これは、人間がAIに対して与える指示(プロンプト)を工夫し、望む結果を得 ...