<commit_before># Transformicons Simplified

A Pen created at CodePen.io. You can find this one at http://codepen.io/trilm/pen/LEejop.

I'm looking for a less CSS heavy option than what is available at http://www.transformicons.com/. They are great, but there is too much CSS used to render the objects.

## HTML Structure

### Animation: Scale

```
<a class="tIcons menu" href="#">
  <svg viewBox="0 0 36 30"><rect width="36" height="6"/><rect y="24" width="36" height="6"/><rect y="12" width="36" height="6"/></svg>
  <svg viewBox="0 0 36 30"><polygon points="32.8,4.4 28.6,0.2 18,10.8 7.4,0.2 3.2,4.4 13.8,15 3.2,25.6 7.4,29.8 18,19.2 28.6,29.8 32.8,25.6 22.2,15 "/></svg>
</a>
```

### Animation: Scale & Rotate

```
<a class="tIcons trotate menu" href="#">
  <svg viewBox="0 0 36 30"><rect width="36" height="6"/><rect y="24" width="36" height="6"/><rect y="12" width="36" height="6"/></svg>
  <svg viewBox="0 0 36 30"><polygon points="32.8,4.4 28.6,0.2 18,10.8 7.4,0.2 3.2,4.4 13.8,15 3.2,25.6 7.4,29.8 18,19.2 28.6,29.8 32.8,25.6 22.2,15 "/></svg>
</a>
```<commit_msg>Update Read Me<commit_after># Transformicons Simplified

A Pen created at CodePen.io. You can find this one at http://codepen.io/trilm/pen/LEejop.

I'm looking for a less CSS heavy option than what is available at http://www.transformicons.com/. They are great, but there is too much CSS used to render the objects.

## HTML Structure

### Animation Default: Scale

```
<a class="tIcons menu" href="#">
  <svg viewBox="0 0 36 30"><rect width="36" height="6"/><rect y="24" width="36" height="6"/><rect y="12" width="36" height="6"/></svg>
  <svg viewBox="0 0 36 30"><polygon points="32.8,4.4 28.6,0.2 18,10.8 7.4,0.2 3.2,4.4 13.8,15 3.2,25.6 7.4,29.8 18,19.2 28.6,29.8 32.8,25.6 22.2,15 "/></svg>
</a>
```

### Animation Enhance: Scale & Rotate

```
<a class="tIcons trotate menu" href="#">
  <svg viewBox="0 0 36 30"><rect width="36" height="6"/><rect y="24" width="36" height="6"/><rect y="12" width="36" height="6"/></svg>
  <svg viewBox="0 0 36 30"><polygon points="32.8,4.4 28.6,0.2 18,10.8 7.4,0.2 3.2,4.4 13.8,15 3.2,25.6 7.4,29.8 18,19.2 28.6,29.8 32.8,25.6 22.2,15 "/></svg>
</a>
```
{'fraction_non_alphanumeric': 0.22632794457274827, 'fraction_numerical': 0.15704387990762125, 'mean_word_length': 3.9793103448275864, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 43, 'https://': 0, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3152857', 'n_tokens_mistral': 1105, 'n_tokens_neox': 907, 'n_words': 250}