Repository files navigation

Code examples that accompany various MDN CSS documentation pages.

The "animation-frames-timing-function" directory contains a simple example that demonstrates the difference between the steps() timing function available for CSS animations and transitions, and the new frames() timing function.Run the example live. You can also find versions that show the same timing functionused with transitions, and used with theWeb Animations API.

The "counter-style-demo" directory contains a demo for the@counter-style documentation. See the live demohere.

The "moz-context-properties" directory contains a demo for the-moz-context-properties documentation. See the live demohere.

The "editable-examples" directory contains CSS examples that are intended to be embedded in MDN pages as live editable samples.

The "object-fit-basics" directory contains a simple page demonstrating typical usage of differentobject-fit andobject-position values.Run example live.

The "object-fit-gallery" directory contains a fun image gallery that usesobject-fit to display the images more nicely, both in thumbnail and full size view.Run the example live.

The "overscroll-behavior" directory contains a simple page demonstrating typical usage of differentoverscroll-behavior values.Run example live.

The "tools" directory contains various tools for working with CSS, including acolor picker and abox shadow generator.

You can contribute to MDN Web Docs and be a part of our community through content contributions, engineering, or translation work.The MDN Web Docs project welcomes contributions from everyone who shares our goals and wants to contribute constructively and respectfully within our community.

To find out how to get started, see theCONTRIBUTING.md document in this repository.By participating in and contributing to our projects and discussions, you acknowledge that you have read and agree to ourCode of Conduct.

You can communicate with the MDN Web Docs team and community using thecommunication channels.