125naroom / デザインするところ(会社)です。

【CSS】ベンダープレフィックス 必要なもの不要なもの

【CSS】ベンダープレフィックス 必要なもの不要なもの

ベンダープレフィックス。
そろそろ必要ないかと。

ベンダープレフィックスの種類

  • -webkit- … Google Chrome, Sfari
  • -moz- … Firefox
  • -ms- … Internet Explorer
  • -o- … Opera

ベンダープレフィックス不要

  • animation
  • background-size
  • border-image
  • border-radius
  • box-shadow
  • box-sizing
  • opacity
  • rgba()
  • text-shadow
  • transform
  • transition
  • @keyframes

※ アルファベット順
※ 随時追加

ベンダープレフィックス必要

  • -webkit-appearance
  • -webkit-overflow-scrolling
  • -webkit-tap-highlight-color
  • -webkit-text-size-adjust
  • -webkit-writing-mode

※ アルファベット順
※ 随時追加

必要か不要かを確認するには

以下のサイトで確認できる。
かなり便利。

▽Can I use
https://caniuse.com/

おすすめ

Googleさんのおすすめ

Googleさんのおすすめ

デザインの記事

JANAI COFFEE
  • 2023.03.24New
  • JANAI COFFEE
  • 国内、海外のウェブデザイン、パソコン・タブレット・スマートフォンでも見やすいレスポンシブ対応の「あ、いいな」と思うウェブデザインを集めています。
  • デザインのこと – Web design gallery
ちょっと思い出しただけ
【CSS】『shape-outside』でテキストの回り込みを円形にしてみる