CSSでウザい広告を作る

LCのアドベントカレンダー2020の記事です。神木です。
授業でサイトを作ることになったのでウザい広告を作りました。

どのくらい非道徳的で良心に反した広告が許されるのか規約や法律がわからないため、あるあるなやつを作りました。https://webtan.impress.co.jp/e/2018/02/20/28241#change20190110 などを参考にしました。

アンカー広告

See the Pen TOP by Kamikigit (@kamikigit) on CodePen.

アンカー広告（下）

See the Pen BOTTOM by Kamikigit (@kamikigit) on CodePen.

じわじわ浮き出る広告

See the Pen fadein by Kamikigit (@kamikigit) on CodePen.

途中から急に動きながら浮き出てくる広告

See the Pen fadein2 by Kamikigit (@kamikigit) on CodePen.

バツボタンが小さすぎるポップアップ広告

See the Pen popup by Kamikigit (@kamikigit) on CodePen.

カウントダウン付きのポップアップ動画広告とか、チラチラ画面が切り替わるマンガの広告とか、クリックすると別タブに飛ぶ広告とか、音声つき動画広告の自動再生とか、気が向いたらやりたいです。

参考文献

https://homepagenopro.com/html/css_popup.html
https://www.digitalocean.com/community/tutorials/css-position-sticky