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コーダー/ナレーター 堀 裕成
|
ブログ 2021-03-02 23:22:00
「2040年の未来予測」 著者:成毛 眞。 TSUTAYAで本日購入。 即読み始めて既に1章を一気に読み上げてしまっ ...
ブログ 2024-01-31 23:44:00
YouTubeをはじめ色んな動画を見る時、 ブラウジング中に目にする小さな画像、それがサムネイルです。 その1枚でコンテンツの魅力を伝え ...
ブログ 2021-01-30 21:29:00
こんばんは そろそろ野球を見に行きたいひきちひきです;; ...
ブログ 2020-08-29 21:07:00
鹿児島からこんにちは! 深田雄太です! 新型コロナウィルスの影響で人が多い場所にはなかなか いけない状態がつづいてます。 いまハマっ ...
ブログ 2020-04-17 21:27:00
初めまして!新入社員の平山海斗です 夢は世界一周! RADWIMPS大好き! 趣味は料理と写真です! 最近は、自分で ...
ブログ 2021-01-27 12:30:00
みなさまこんにちは。 本日会社に自転車で出勤したら見事脚が疲労で終了しました、上甲です。 体力の衰えがすごい… &nbs ...
ブログ 2020-01-15 17:20:00
先日誕生日を迎えまして 鹿児島メンバーにお祝いをしてもらいました~~~~~! とっても嬉しいサプライズもしてくれましたよ ...
ブログ 2021-12-24 11:42:00
皆さん こんにちは!! 先日E.ZO福岡にある「チー ...
ブログ 2021-04-09 20:08:00
本日、ポカリスエットの新CMが公開されました。 早速クオリティが凄いと話題になっております。   ...
ブログ 2024-01-11 19:28:00
老ペットを飼われている方にとって必見!! 「歩けるくん」の体験会 in福岡 このイベントは、 1月20日(土)at県営西公園ドッグラン ...