https://github.com/bpsagar/css2video

Python library to convert CSS animations into video
https://github.com/bpsagar/css2video

css css-animation css3 css3-animation html html-css html5 python video

Last synced: 2 months ago
JSON representation

Python library to convert CSS animations into video

• Host: GitHub
• URL: https://github.com/bpsagar/css2video
• Owner: bpsagar
• License: mit
• Created: 2016-09-24T04:25:28.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2024-05-03T19:38:14.000Z (8 months ago)
• Last Synced: 2024-08-02T05:12:00.334Z (5 months ago)
• Topics: css, css-animation, css3, css3-animation, html, html-css, html5, python, video
• Language: Python
• Homepage:
• Size: 41 KB
• Stars: 68
• Watchers: 4
• Forks: 11
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# css2video

A tool to convert CSS animations to an MPEG video

## Usage

```

# Clone the repository

git clone https://github.com/bpsagar/css2video.git

# Build the docker image

docker build -t css2video .

# Run the example, it should create a test.mp4 file in the examples folder

docker run -v $PWD:/app css2video python examples/test.py

# Make any changes to the test.py or add your own python script and run the

# script inside the css2video container

```

## Quirks

- The animation doesn't get captured in the video if the CSS is linked in the HTML page. So don't add the link tag (that would point to the CSS file) in the HTML file.

- Keyframe CSS should be explicit:

    - Explicitly define the default values.

    - Avoid short hand CSS values.

- Each frames take a second to render so the whole rendering process is a bit slow.

**Note**: Feel free to notify me about any issues