<commit_before>[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/the-catalin/cat-text)

# &lt;cat-text&gt;

`<cat-text>` is a [Polymer](https://github.com/Polymer/polymer) element that displays a text with a transition effect. Although the same appearance can be obtained with pure CSS transitions, the cat-text true power is revealed when used in conjunction with other elements, like [&lt;cat-image&gt;](https://github.com/the-catalin/cat-image)

## Short example:

<!--
```
<custom-element-demo>
  <template>  	
    <link rel="import" href="cat-text.html">
    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
-->
```html
<cat-text
	transition-type="slide"
	slide-offset="180"
	transition-direction="right"
	transition-duration="1"
	transition-delay="0">
	This is a sample text
</cat-text>
```

## Install
<commit_msg>readme update<commit_after>[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/the-catalin/cat-text)

# &lt;cat-text&gt;

`<cat-text>` is a [Polymer](https://github.com/Polymer/polymer) element that displays a text with a transition effect. Although the same appearance can be obtained with pure CSS transitions, the `<cat-text>` true power is revealed when used in conjunction with other elements, like [&lt;cat-image&gt;](https://github.com/the-catalin/cat-image)

## Short example:

<!--
```
<custom-element-demo>
  <template>  	
    <link rel="import" href="cat-text.html">
    <next-code-block></next-code-block>
  </template>
</custom-element-demo>
```
-->
```html
<cat-text
	transition-type="slide"
	slide-offset="180"
	transition-direction="right"
	transition-duration="1"
	transition-delay="0">
	This is a sample text
</cat-text>
```

## Install

{'fraction_non_alphanumeric': 0.17179215270413573, 'fraction_numerical': 0.005302226935312832, 'mean_word_length': 4.753048780487805, 'pattern_counts': {'":': 0, '<': 26, '<?xml version=': 0, '>': 26, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, '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': '998351', 'n_tokens_mistral': 643, 'n_tokens_neox': 611, 'n_words': 135}