Investment
Management
Functional tattoos are used primarily for a purpose other than aesthetics. One such use is to tattoo Alzheimer patients with their name, so they may be easily identified if they go missing.
Investment
Management
Body text functional tattoos are used primarily for a purpose other than aesthetics. One such use is to tattoo Alzheimer patients with their name, so they may be easily identified if they go missing.
Progressive animation
TOP
Move with Scale (Zoom In)
LEFT
Move with Scale (Zoom In)
RIGHT
Move with Scale (Zoom In)
TOP
Move with Scale (Zoom Out)
BOTTOM
Move with Scale (Zoom Out)
LEFT
Move with Scale (Zoom Out)
RIGHT
Move with Scale (Zoom Out)
TOP
Move from
BOTTOM
Move from
LEFT
Move from
RIGHT
Move from
IN
Scale
OUT
Scale
Immediate animation
TOP
Move with Scale (Zoom In)
LEFT
Move with Scale (Zoom In)
RIGHT
Move with Scale (Zoom In)
TOP
Move with Scale (Zoom Out)
BOTTOM
Move with Scale (Zoom Out)
LEFT
Move with Scale (Zoom Out)
RIGHT
Move with Scale (Zoom Out)
TOP
Move from
BOTTOM
Move from
LEFT
Move from
RIGHT
Move from
IN
Scale
OUT
Scale
Center Aligned
Pin Animation
Pinning will begin when the center of the element aligns with the center of the viewport. Pinning will begin when the center of the element aligns with the center of the viewport.
![builder-1 builder-1](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-1.jpg)
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
![builder-3 builder-3](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-3.jpg)
Top Aligned
Pin Animation
Pinning will begin when the top of the element aligns with the center of the viewport. Pinning will begin when the top of the element aligns with the center of the viewport.
![builder-1 builder-1](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-1.jpg)
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
![builder-3 builder-3](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-3.jpg)
Bottom Aligned
Pin Animation
Pinning will begin when the bottom of the element aligns with the center of the viewport. Pinning will begin when the bottom of the element aligns with the center of the viewport.
![builder-1 builder-1](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-1.jpg)
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
![builder-3 builder-3](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-3.jpg)
Pixels Fixed
Pin Animation
Fixed: 500px
Fixed: 800px
Fixed: 1000px
Fixed: 1500px
Pin Animation with other animation
Pinning will begin when the bottom of the element aligns with the center of the viewport. Pinning will begin when the bottom of the element aligns with the center of the viewport.
Fade in
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move with Scale (Zoom In) - Top
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move with Scale (Zoom In) - Bottom
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move with Scale (Zoom In) - Left
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move with Scale (Zoom In) - Right
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move with Scale (Zoom Out) - Top
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move with Scale (Zoom Out) - Bottom
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move with Scale (Zoom Out) - Left
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move with Scale (Zoom Out) - Right
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move from Top
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move from Bottom
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move from Left
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Move from Right
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Scale In
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Scale Out
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)
Rotate 360
![builder-2 builder-2](https://aseelmassoud.com/wp-content/uploads/2017/05/builder-2.png)