https://github.com/alterebro/css-transform

CSS Transform Playground. Online tool to visualize 2D & 3D CSS3 Transform functions.
https://github.com/alterebro/css-transform

2d 3d css css-transforms css3 gulp netlify transform vue vuejs

Last synced: 19 days ago
JSON representation

CSS Transform Playground. Online tool to visualize 2D & 3D CSS3 Transform functions.

• Host: GitHub
• URL: https://github.com/alterebro/css-transform
• Owner: alterebro
• License: mit
• Created: 2019-04-10T17:43:10.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-06-13T10:46:51.000Z (5 months ago)
• Last Synced: 2024-06-13T13:34:19.415Z (5 months ago)
• Topics: 2d, 3d, css, css-transforms, css3, gulp, netlify, transform, vue, vuejs
• Language: HTML
• Homepage: https://css-transform.moro.es/
• Size: 3.13 MB
• Stars: 142
• Watchers: 5
• Forks: 19
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

• awesome-list - css-transform

README

        
# css-transform › [css-transform.moro.es](https://css-transform.moro.es/)

**CSS3 Transform Functions Playground**. Demo UI built with [Vue](https://vuejs.org/), [Gulp](https://gulpjs.com/) and [LESS](http://lesscss.org/). Deployment via [Netlify](https://www.netlify.com/)

[![Netlify Status](https://api.netlify.com/api/v1/badges/61609638-1191-4dfa-ab28-53af3b7c17c0/deploy-status)](https://www.netlify.com/)

[![CSS Transform](media/css-transform.gif)](https://css-transform.moro.es)

---

## Development

### — Install

Clone or [download](https://github.com/alterebro/css-transform/archive/master.zip) the repository and install dependencies

```sh

$ git clone https://github.com/alterebro/css-transform.git

$ cd css-transform/

$ npm install

```

### — Serve

Start a local server, i.e the `SimpleHTTPServer` python module

```sh

$ python -m SimpleHTTPServer 

# Source    : http://0.0.0.0:8000/src/

# Compiled  : http://0.0.0.0:8000/dist/

```

### — Build

Using *gulp* to compile the project

```sh

$ npm install gulp-cli -g # In case gulp isn't already installed

$ gulp build

```

---

*Jorge Moreno — [@alterebro](https://twitter.com/alterebro)*