Seriously useful particles & atoms for Gantry 5, a library of creative particles that will help you improve your workflow.

Hover over the "Gantry5" logo above in order to see the "Logo (Advanced)" particle in action.

Description Position (on hover) Description
bottom-left Aligns the drop to the bottom left.
bottom-center Aligns the drop to the bottom center.
bottom-right Aligns the drop to the bottom right.
bottom-justify Aligns the drop to the bottom and justifies its width to the related element.
top-left Aligns the drop to the top left.
top-center Aligns the drop to the top center.
top-right Aligns the drop to the top right.
top-justify Aligns the drop to the top and justifies its width to the related element.
left-top Aligns the drop to the left top.
left-center Aligns the drop to the left center.
left-bottom Aligns the drop to the left bottom.
right-top Aligns the drop to the right top.
right-center Aligns the drop to the right center.
right-bottom Aligns the drop to the right bottom.
Hover Animation Description
fade The element fades in.
scale-up
scale-down
The element fades in and scales up or down.
slide-top
slide-bottom
slide-left
slide-right
The element fades and slides in from the top, bottom, left or right by its own height or width.
slide-top-small
slide-bottom-small slide-left-small
slide-right-small
The element fades and slides in from the top, bottom, left or right with a smaller distance which is specified by a fixed pixel value.
slide-top-medium
slide-bottom-medium slide-left-medium
slide-right-medium
The element fades and slides in from the top, bottom, left or right with a medium distance which is specified by a fixed pixel value.
animation-kenburns The element scales very slowly up without fading in.
animation-shake The element shakes.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.