search
LoginSignup
1
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

LinuxClub Advent Calendar 2020 Day 20

posted at

updated at

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

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
What you can do with signing up
1
Help us understand the problem. What are the problem?