Git Product home page Git Product logo

css-graphics's Introduction

css-graphics

There are several CSS graphics-related properties that provide the bulk of support for Clipping, Masking, Filters and whatnot. The purpose of this repo is to hopefully provide some insight into what the current state of affairs is with various browser implementations.

The 'Apply To' column below distinguishes whether we're talking about applying the feature to HTML or SVG graphic components. If you apply a feature to an entire embedded SVG graph, that falls under the HTML category. If however, you're talking about applying the feature to a subgraph within the SVG, that falls into the SVG category.

For each browser column, a 'No' indicates the feature is currently unsupported. Otherwise, I indicate whether the feature is currently vendor-prefixed or not.

I don't have much information at this point on Opera, so have decided to leave it out for now. If you want, go ahead and fill it out and do a pull request.

In fact, if any of this information is out of date or incomplete, please update and do a pull request.

FeatureApply ToSafariChromeFirefoxIEComments
clip-path with basic shapesHTML-webkit-clip-path-webkit-clip-pathNoNo
SVG-webkit-clip-path-webkit-clip-pathNoNo
clip-path with SVG pathHTML-webkit-clip-path-webkit-clip-pathclip-pathNo
SVGclip-pathclip-pathclip-pathclip-path
mask-imageHTML-webkit-mask-image-webkit-mask-imageNoNoUses alpha masking by default
SVGNoNoNoNo
mask-border-imageHTML-webkit-mask-box-image-webkit-mask-box-imageNoNo
SVGNoNoNoNo
maskHTMLNoNomaskNo
SVGmaskmaskmaskmaskUses luminance masking by default
SVG FilterHTML-webkit-filter-webkit-filterfilterNo
SVGfilterfilterfilterfilter
regions HTML -webkit-flow-into / -webit-flow-from No No No Chrome dropped support for regions

css-graphics's People

Contributors

awgreenblatt avatar dirkschulze avatar iamvdo avatar oslego avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.