This class bundles gsap
methods together for fast use.
NOTE: the
selector
may be an#id
,.class
,tag
as you wish. All functions returnTween
/gsap.timeline()
.
Requires:
# DB (mysql) | |
MYSQLDB_USER=root | |
MYSQLDB_ROOT_PASSWORD=123456 # For some reason cannot be set to: "mysql" | |
MYSQLDB_DATABASE=app_db | |
MYSQLDB_LOCAL_PORT=3307 | |
MYSQLDB_DOCKER_PORT=3306 | |
# DB UI (adminer) | |
ADMINER_DOCKER_PORT=8080 | |
ADMINER_LOCAL_PORT=8061 |
This class bundles gsap
methods together for fast use.
NOTE: the
selector
may be an#id
,.class
,tag
as you wish. All functions returnTween
/gsap.timeline()
.
Requires:
package com.tal.spring.bean.mapper; | |
import org.modelmapper.ModelMapper; | |
import org.springframework.stereotype.Component; | |
import java.util.List; | |
import java.util.stream.Collectors; | |
/** | |
* This {@link Component} is used for mapping {@code Object}s. Mainly, for |
/* Gradient Animation Configuration */ | |
@keyframes gradient { | |
0% { | |
background-position: 0% 50%; | |
} | |
50% { | |
background-position: 100% 50%; | |
} | |
100% { | |
background-position: 0% 50%; |
# Generated from CLion C/C++ Code Style settings | |
BasedOnStyle: LLVM | |
#AccessModifierOffset: -4 | |
AlignAfterOpenBracket: Align | |
AlignConsecutiveAssignments: true | |
AlignOperands: true | |
AllowAllArgumentsOnNextLine: false | |
AlignConsecutiveDeclarations: true | |
AlignConsecutiveMacros: true | |
AlignEscapedNewlines: Left |
I wrote this as a reference for myself because some of the property names are non-obvious, and there are a number of relevant special properties, and there is no central concise listing of them all in GSAP Docs, other than (in longer form) on the CSSPlugin page.
...are all supported, with hyphenated-names
becoming camelCaseNames
. Non-animatable properties are also supported but they will be set at the beginning of the tween.
Special mentions:
location of pixel (0,0),the upper left corner, in local coordinate (m) is (22.76,60.84) | |
location of pixel (1224,787), the lower right corner, in local coordinate (m) is (-31.78,-23.98) |
using System; | |
using System.Collections; | |
using System.Collections.Generic; | |
using System.Runtime.Serialization; | |
using System.Linq; | |
public class Program | |
{ | |
public static void Main() | |
{ |
We assume you have RockyLinux as the operating system for all of your nodes.
At the end you will setup out of the box: