トレンドのウェブサイトを完成させよう！【CSSアニメーション編】

Dec

19
トレンドのウェブサイトを完成させよう！【CSSアニメーション編】

Organizing : エンジニアカフェ

Registration info	参加枠 Free FCFS 11/12 ブログ枠 Free FCFS 1/2
参加者への情報	(参加者と発表者のみに公開されます)

Description

CSSを使ってどこまで動きのあるアニメーションができるようになるのか？実際存在するＨＰを参考にどんなアニメーションが使われているのか、現場でよく目にする動きのあるサイトを作れるようになりましょう！

今回は３パターンご紹介（できれば一緒に実装）したいと思います。

＜日程＞１２月１９日（日）１４：００～１５：３０

＜場所＞エンジニアカフェ・メインホールおよびオフライン

＜持参物＞エディタがインストールされたPC

＜こんな人におススメ＞

・HTML、CSS初心者の方

・動きのあるCSSを勉強したい方

・トレンドのWebサイトを作りたい方

＜スケジュール＞

１４：００～１４：３０／トレンドのWebサイトのご紹介

１４：３０～１５：２０／動きのあるCSSアニメーションを３パターン紹介

１５：２０～１５：３０／クロージング

発表者

京田　綾子

Media View all Media

資料、ソースコード各種

Feed

alt9800 wrote a comment.

2021/12/19 16:21

来場された方からもアドバイスがありましたが、配布したソースコード中の .main_picture{ position: relative; } 内に、 overflow: hidden; を併記するとアニメーションの遷移に合わせてdevice-widthを超えたスクロールが行われなくなるようです〜！

alt9800さんが資料をアップしました。

12/19/2021 13:46