Movatterモバイル変換

はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

閉じる

テクノロジー
変態的 CSS トリック

気に入った記事をブックマーク

気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
記事を読んだ感想やメモを書き残せます
非公開でブックマークすることもできます

変態的 CSS トリック

テクノロジーカテゴリーの変更を依頼記事元:

speakerdeck.com/ixkaito

適切な情報に変更

エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます

コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

次回からTwitterへ自動リダイレクト

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

613usersがブックマークコメント

コメント

61

ゲスト

コメントするにはログインが必要ですブックマークを追加

ブックマークを追加

おすすめタグタグについて

よく使うタグ

変態的 CSS トリック

613 users

speakerdeck.com/ixkaito

おすすめタグタグについて

よく使うタグ

はてなブックマークで
関心をシェアしよう

みんなの興味と感想が集まることで
新しい発見や、深堀りがもっと楽しく

ユーザー登録

アカウントをお持ちの方はログインページへ

記事へのコメント61件

注目コメント
新着コメント

ftypeアクセシビリティ的にどうなんすかね。contentに意味ない文字たくさんいれるのは…自分のWindows10 MS EdgeだとなんかWebフォント使ってるところの表示盛大に崩れてるんだけど大丈夫なのかな？

2016/08/29リンク

その他

hirosheCSSハックなるものの存在を知ったとき、Webの世界がちょっと嫌になった。こんなコード書きたくないよ。

2016/08/29リンク

その他

sucelieSVG使う以外では大して変態感を感じなかった俺は既に十分変態の域に達しているのかも

2016/08/29リンク

その他

macky1207変態的...? とりあえずhttp://codepen.io/geckotang/pen/yJmEZB 上級の特殊な罫線作った。

2016/08/29リンク

その他

infoblogaCSSのテクニックは、良く知られているものも含めて全て変態的だと思うので、ここで紹介されているテクニックをあえて変態的だと呼ぶ理由が良く分からかなかった

2016/08/29リンク

その他

zentarou変態を自称する人ほど性癖が大したことない法則がここにも……？

2016/08/29リンク

その他

shields-pikes真の変態は、変態の奥の深さを知っているので、うかつに変態を自称したりしない。オタクも同じ。自称変態は、自称天才、自称個性的、自称オタクと似た部類。あれ、俺CSSの話じゃなくて変態の話しかしてない……。

2016/08/29リンク

その他

kijtraSVG画像で済むけど、こうやって作業量増やして顧客への請求額を上乗せする、という意味でも変態的…w

2016/08/29リンク

その他

dikn最後のをSVGなしで作ってこその変態だと思う

2016/08/29リンク

その他

KoshianXCSS Wizard というのもあるのだな……。しっかし CSS も本当に奥が深くなってきたなあ……。

css

2016/08/29リンク

その他

YeshiあっこれはCSS好きな人の遊びだ

2017/09/24リンク

その他

tohokuaiki使うことは無いだろうけど。

2016/09/06リンク

その他

rochefortかっこいい

css

2016/09/02リンク

その他

n314テーブルデザインをやめたせいで背負い込む苦労って半端ないんだな。

css

2016/08/30リンク

その他

sora_hまあこんなもんだよな(CSSむずい…)

2016/08/30リンク

その他

hedeyoshiすごい、今こんな事できるんだ、魔法使いになりたい。

2016/08/29リンク

その他

wdr_sなまえのわりには普通だった。SVG使わないでできないものかね…

2016/08/29リンク

その他

ElizaAcolyte思ったより変態じゃなかった。変態性においてCSSは無限の可能性を秘めているからな・・・。

2016/08/29リンク

その他

rryu特殊な飾りはbox-shadowとかでもっと変態的にできそうな気も。

CSS

2016/08/29リンク

その他

makokox面白い

2016/08/29リンク

その他

hinashiki面白い。参考にする

CSS

2016/08/29リンク

その他

kojika17サンプルは、まだまだ変態的なCSSに昇華できる余地がある。

2016/08/29リンク

その他

shields-pikes真の変態は、変態の奥の深さを知っているので、うかつに変態を自称したりしない。オタクも同じ。自称変態は、自称天才、自称個性的、自称オタクと似た部類。あれ、俺CSSの話じゃなくて変態の話しかしてない……。

2016/08/29リンク

その他

makou嫌いじゃない。

css

2016/08/29リンク

その他

joe-re所謂cssテクニックは全て変態的だよね

2016/08/29リンク

その他

Rishatangこういうトリッキーな実装メチャクチャ嫌い

2016/08/29リンク

その他

vlxst1224ドラえもん描いたりするやつかと思ったら違った

2016/08/29リンク

その他

berlysiaSVG使っちゃうの変態度が低い

2016/08/29リンク

その他

lrenirちょっと目隠しプレイをしただけで変態プレイしちゃったよ、みたいに言う人もいれば、スカトロとかネクロフィリアレベルじゃないと変態プレイと呼べない人がいる。つまりはそーゆーことです。

2016/08/29リンク

その他

infoblogaCSSのテクニックは、良く知られているものも含めて全て変態的だと思うので、ここで紹介されているテクニックをあえて変態的だと呼ぶ理由が良く分からかなかった

2016/08/29リンク

その他

dikn最後のをSVGなしで作ってこその変態だと思う

2016/08/29リンク

その他

fashiちょっとブラウザが仕様変更すると崩れそうなテクニックこわい

css

2016/08/29リンク

その他

easy-breezy私には十分すぎる位変態でした！

2016/08/29リンク

その他

zentarou変態を自称する人ほど性癖が大したことない法則がここにも……？

2016/08/29リンク

その他

hirosheCSSハックなるものの存在を知ったとき、Webの世界がちょっと嫌になった。こんなコード書きたくないよ。

2016/08/29リンク

その他

kamayan1980特殊な罫線あたりまでは「あるある」内容。SVGに関しては趣味の範疇かなー。今のところは。

2016/08/29リンク

その他

kyrie_leison変態的なことよくしてるけど変態の上には変態がいる

2016/08/29リンク

その他

muyuuu#読んでる. 変態的 CSS トリック // Speaker Deck:http://bit.ly/2bvowI0 — むゆう (@anticyborg) August 29, 2016

2016/08/29リンク

その他

aliliput結構実践的。flexbox未対応ブラウザはもう切りたい

2016/08/29リンク

その他

ftypeアクセシビリティ的にどうなんすかね。contentに意味ない文字たくさんいれるのは…自分のWindows10 MS EdgeだとなんかWebフォント使ってるところの表示盛大に崩れてるんだけど大丈夫なのかな？

2016/08/29リンク

その他

ゲスト

コメントするにはログインが必要ですログインしてコメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

プレビュー

はてなブックマークボタンを作成して埋め込むこともできます

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

usersに達しました！

さんが1番目にブックマークした記事「変態的 CSS トリック」が注目されています。

気持ちをシェアしよう

ツイートする

変態的 CSS トリック

多少複雑なデザインでも、画像やJavaScript には頼らず、CSS で実現させる。そこにはもはや手軽さなど...多少複雑なデザインでも、画像やJavaScript には頼らず、CSS で実現させる。そこにはもはや手軽さなどは存在しない。あるのは男のロマン。

ブックマークしたユーザー

techtech05212023/12/29
kfujii2018/01/29
Yeshi2017/09/24
shirotorabyakko2017/07/14
kasai-07282017/05/04
kaz_htn2016/12/13
shingo_jp2016/10/22
bottleeider2016/10/05
heatman2016/09/27
gimutokenri2016/09/26
kbcfaMAcN9KMs1Ua2016/09/26
ryusan20002016/09/25
vacancylagoon2016/09/19
shadow-toon2016/09/13
yogasa2016/09/13
codeout2016/09/12
mieki2562016/09/11
magicalhat2016/09/08

すべてのユーザーの
詳細を表示します

ブックマークしたすべてのユーザー

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - テクノロジー

いま人気の記事 - テクノロジーをもっと読む

新着記事 - テクノロジー

新着記事 - テクノロジーをもっと読む

同時期にブックマークされた記事

いま人気の記事 - 企業メディア

企業メディアをもっと読む

はてなブックマーク

公式Twitter

はてなのサービス

Copyright © 2005-2025Hatena. All Rights Reserved.

設定を変更しましたx

[8]ページ先頭

©2009-2025 Movatter.jp