【CSS】台形のタブ(transform)

ネットをふらふらしていたら、CSSで台形のタブみたいなのの作り方を見かけました。
こんなやつ。
タブ1タブ2タブ3
transformプロパティを使って変形してるんですが、この使い方みたいなものがちょっと分かりづらかったので少し調べました。
  1. とりあえずソース
  2. transformプロパティ
  3. 回転(rotate)
  4. 拡大、縮小(scale)
  5. 移動(translate)
  6. 傾斜(skew)
  7. ユーザーの視点距離(perspective)
  8. どういうことだったか

続きを読む(目次のリンクはこの先で有効になります)


スポンサーサイト



ジャンル : コンピュータ
テーマ : ホームページ・ブログ制作

Internet Explorer の方、ごめんなさい

すぐに確かめなかった私が悪いんですが、IEで見てくれてる人には背景色とかその他もろもろ、表示されてないですね……。

原因はCSSのカスタムプロパティです。
スタイルシートにユーザー独自のプロパティを指定できるんですが……
私の過去記事「【css】1行ごとに色を変える」でも少し説明しています。
これがまるっと理解できないんです、IEさんは。
……もう……IEめ……。

何度も書いてますが、IEは多分オワコンと言うか……ええ、オワコンなんです。
きっともうどうする気もないんです、マイクロソフトさんが(完全なる憶測)。
CSSでもjavascriptでも、対応してない機能が多過ぎるのです!
そのくせ色んな企業や公的機関のwebサービスの推奨環境がIEだったりするんです!
どうしろと!
jpegも表示されてないのがあるじゃないですか!
デコードできないってどういうことですか!

すみません、取り乱しました。
まあ、スタイルが適用されなくても内容に支障があるわけでもないので、このままいかせていただきます。
申し訳ありません。

ジャンル : コンピュータ
テーマ : ホームページ・ブログ制作

pixivに投稿したやつ_Home Sweet Home

「Home Sweet Home」

https://www.pixiv.net/artworks/77162608

私にとっての「Home Sweet Home」はこんなイメージです。
「羽生の宿」の歌詞は良く知りませんので、YUKIの歌の方です。

なんか……pixivの作品URL、形式が変わりましたね……。
以前に貼ったリンクはいつか機能しなくなるんでしょうか?

ジャンル : アニメ・コミック
テーマ : 自作イラスト

ステータス
細野ゆとり
あそびにん
せいべつおんな
レベル
ちから
すばやさ
こうげき力
しゅび力
EX
最新記事
カテゴリー
月別アーカイブ
全記事表示リンク

全ての記事を表示する

おえかき
ブログ内ページランキング
その他SNS
検索フォーム
オンラインカウンター
現在の閲覧者数:
カレンダー
09 | 2019/10 | 11
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
リンク
カウンター
RSSリンクの表示
QRコード
QR