Skip to content

sanguaire/portrait-box

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

46 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

portrait-box

A actor/token portrait box, which is shown on token hover.

Mask portrait box

You can change the shape of the portrait box via svg mask.

sc-2.png sc-1.png

Position

The position of the box can be set to top-left, top-right, bottom-right, bottom-left. You can change the distance from horizontal and vertical border via css string (var's and calc allowed).

Animate fade-in / fade-out

You can animate the fade-in and fade-out.

sc-3.png

animation.webm

For more information about possible animations see https://animate.css

CSS-Filter

You can add a CSS-Filter like sepia(0.8) to change the style of the displayed portraits globally. sc-5.png sc-4.png

More information about CSS-Filter see https://www.w3schools.com/cssref/css3_pr_filter.php

About

A actor/token portrait box, which is shown token hover

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors