![]() ![]() Three such combinations are also possible for both the center and bottom values. For example, you can set it to top-bottom, top-center or top-top. As its value, this attribute accepts two words separated by a hyphen. This behavior can be changed using the data-aos-anchor-placement attribute. data-aos-anchor-placement: By default, the animations on an element are applied as soon as its top part reaches the bottom part of the window.This means that all the animations will be triggered with respect to the element’s own position. data-aos-anchor: This attribute is useful when you want to trigger the animation based on the position of some other element.Possible (not exhaustive) values are: linear, ease-in-out and ease-out-quart data-aos-easing: You can use this attribute to control the timing function for animating different elements.The default value for this attribute is 400. This range should be sufficient for almost all animations. Since the duration is handled in CSS, using smaller steps or a wider range would have unnecessarily increased the size of the CSS code. The duration value can be anywhere between with steps of 50ms. data-aos-duration: You can use this attribute to specify the duration of the animation.data-aos-offset: You can use this attribute to trigger the animation sooner or later than the designated time.The default value for this attribute is 0. ![]() data-aos-delay: You can use this attribute to specify the delay of the animation play time.Enter fullscreen mode Exit fullscreen modeĪdditional properties can be used to configure the animations:
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |