https://github.com/layouwen/auto-taiji

Auto Taiji. 自转太极.
https://github.com/layouwen/auto-taiji

animation css javascript mobile pc

Last synced: 2 days ago
JSON representation

Auto Taiji. 自转太极.

• Host: GitHub
• URL: https://github.com/layouwen/auto-taiji
• Owner: Layouwen
• Created: 2020-05-18T09:38:30.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-08-18T10:48:31.000Z (3 months ago)
• Last Synced: 2024-08-18T11:52:42.966Z (3 months ago)
• Topics: animation, css, javascript, mobile, pc
• Language: JavaScript
• Homepage: https://layouwen.github.io/auto-taiji/
• Size: 414 KB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Auto Taiji

English | [中文](./README_zh-CN.md)

## Preview

[https://layouwen.github.io/auto-taiji](https://layouwen.github.io/auto-taiji)

![auto-taiji](./images/preview.png)

## Introduction

Simulate automatic code writing and real-time preview effects using JavaScript + CSS.  

This project combines CSS animations, DOM manipulation, string concatenation, pseudo-elements, and more.  

It's perfect for beginners to explore and learn. Simple examples will help you quickly understand and learn.

## Features

- Three speed options (slow, medium, fast) are available, with medium as the default.

- PC: Left-right layout, switches to top-bottom layout automatically when the width is less than 1024px.

- Mobile: Default top-bottom layout, supports most models in both landscape and portrait orientations. Some notch screens are not yet supported, awaiting updates.

## Contact Me

[Github](https://github.com/Layouwen)