このエントリーをはてなブックマークに追加

Dec

19

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

Organizing : エンジニアカフェ

Registration info

参加枠

Free

FCFS
11/12

ブログ枠

Free

FCFS
1/2

参加者への情報
(参加者と発表者のみに公開されます)

Description

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

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

<日程>12月19日(日)14:00~15:30

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

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

<こんな人におススメ>

・HTML、CSS初心者の方

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

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

<スケジュール>

14:00~14:30/トレンドのWebサイトのご紹介

14:30~15:20/動きのあるCSSアニメーションを3パターン紹介

15:20~15:30/クロージング

発表者

京田 綾子 京田 綾子

Feed

alt9800

alt9800 wrote a comment.

2021/12/19 16:21

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

alt9800

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

12/19/2021 13:46

EngineerCafeJP

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

12/05/2021 09:38

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】 を公開しました!

Ended

2021/12/19(Sun)

14:00
15:30

You cannot RSVP if you are already participating in another event at the same date.

Registration Period
2021/12/06(Mon) 09:00 〜
2021/12/18(Sat) 13:00

Location

福岡市エンジニアカフェ(赤煉瓦文化館内)

福岡市中央区天神1丁目15番30号

Attendees(12)

ryunosuke

ryunosuke

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】に参加を申し込みました!

akari

akari

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】 に参加を申し込みました!

appleofapple3

appleofapple3

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】 に参加を申し込みました!

fujike--n

fujike--n

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】 に参加を申し込みました!

mamama_tsu

mamama_tsu

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】 に参加を申し込みました!

ayamamura

ayamamura

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】 に参加を申し込みました!

nagai_hiroaki

nagai_hiroaki

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】 に参加を申し込みました!

香澄

香澄

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】 に参加を申し込みました!

ueharah

ueharah

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】 に参加を申し込みました!

tatsuro_web

tatsuro_web

トレンドのウェブサイトを完成させよう!【CSSアニメーション編】に参加を申し込みました!

Attendees (12)