isometric-css

A JavaScript library to build isometric projections using HTML elements and CSS classes

Documentation / Demo

https://elchininet.github.io/isometric-css/

Introduction

To give the apperance of an isometric projection to an HTML element, it is needed to apply CSS transformations to it. This transformations could be complex to manage, and even more when we have multiple elements and we want to translate them to specific isometric positions. The isometric-css library can help us in this task, it will create, using the power of JSS, the necessary CSS rules to transform the HTML elements. You can either apply the transformation through declarative data attributes in the HTML code or use the library API methods to apply this transformations to the elements dynamically using JavaScript.

Changelog

[1.0.2] - 2021-01-28

• Remove a position or a background class if a new one is added