https://github.com/paalamugan/tooltip-css

Customize tooltip css style
https://github.com/paalamugan/tooltip-css

Last synced: about 1 month ago
JSON representation

Customize tooltip css style

• Host: GitHub
• URL: https://github.com/paalamugan/tooltip-css
• Owner: paalamugan
• License: mit
• Created: 2020-07-16T15:06:40.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-09-07T20:05:58.000Z (over 4 years ago)
• Last Synced: 2024-11-19T10:41:58.753Z (3 months ago)
• Language: CSS
• Homepage: https://tooltip-css.netlify.app
• Size: 11.7 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## tooltip-css

tooltip css style. Just my learning purposes.

View Demo - https://tooltip-css.netlify.app

Inject tooltip css file in your code,

```html

```

### Normal tooltip section

**Position Top**

``` html

text

```


**Position Bottom**

``` html

text

```


**Position Left**

``` html

text

```


**Position Right**

``` html

text

```


### Normal tooltip section with animation

**Position Top**

``` html

text

```


**Position Bottom**

``` html

text

```


**Position Left**

``` html

text

```


**Position Right**

``` html

text

```


### Customize tooltip section.

Main purpose of this tooltip created to avoid ::after and ::before selector

**Position Top**

``` html



  
 {{ tooltip-text }} 

  
your text



```


**Position Bottom**

``` html



  
 {{ tooltip-text }} 

  
your text



```


**Position Right**

``` html



  
 {{ tooltip-text }} 

  
your text



```


**Position Left**

``` html



  
 {{ tooltip-text }} 

  
your text



```