+
+
+
+
+
+
+ hint #1: 'background-position' changes to this property will trigger: 'Composite', which can impact performance when used inside @keyframes.
+
+
+
+
+ file:///C:/Users/AS/sourc … public-transport-map.html
+
+
+
+
+
+ @keyframes progressBarAnimation {
+ 0% {
+ background-position: 0% 50%;
+ }
+}
+
+
+
+
+
+
+
+
+ hint #2: 'background-position' changes to this property will trigger: 'Composite', which can impact performance when used inside @keyframes.
+
+
+
+
+ file:///C:/Users/AS/sourc … public-transport-map.html
+
+
+
+
+
+ @keyframes progressBarAnimation {
+ 50% {
+ background-position: 100% 50%;
+ }
+}
+
+
+
+
+
+
+
+
+ hint #3: 'background-position' changes to this property will trigger: 'Composite', which can impact performance when used inside @keyframes.
+
+
+
+
+ file:///C:/Users/AS/sourc … public-transport-map.html
+
+
+
+
+
+ @keyframes progressBarAnimation {
+ 100% {
+ background-position: 0% 50%;
+ }
+}
+
+
+
+
+
+
+
+
+ hint #4: 'transform' changes to this property will trigger: 'Composite', which can impact performance when used inside @keyframes.
+
+
+
+
+ file:///C:/Users/AS/sourc … public-transport-map.html
+
+
+
+
+
+ @keyframes spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+}
+
+
+
+
+
+
+
+
+ hint #5: 'transform' changes to this property will trigger: 'Composite', which can impact performance when used inside @keyframes.
+
+
+
+
+ file:///C:/Users/AS/sourc … public-transport-map.html
+
+
+
+
+
+ @keyframes spin {
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+
+
+
+
+
+
+
+ hint #6: 'opacity' changes to this property will trigger: 'Composite', which can impact performance when used inside @keyframes.
+
+
+
+
+ file:///C:/Users/AS/sourc … src/components/Map.css
+
+
+
+
+
+ @keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: scale(0.95);
+ }
+}
+
+
+
+
+
+
+
+
+ hint #7: 'transform' changes to this property will trigger: 'Composite', which can impact performance when used inside @keyframes.
+
+
+
+
+ file:///C:/Users/AS/sourc … src/components/Map.css
+
+
+
+
+
+ @keyframes fadeIn {
+ from {
+ opacity: 0;
+ transform: scale(0.95);
+ }
+}
+
+
+
+
+
+
+
+
+ hint #8: 'opacity' changes to this property will trigger: 'Composite', which can impact performance when used inside @keyframes.
+
+
+
+
+ file:///C:/Users/AS/sourc … src/components/Map.css
+
+
+
+
+
+ @keyframes fadeIn {
+ to {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+
+
+
+
+
+
+
+ hint #9: 'transform' changes to this property will trigger: 'Composite', which can impact performance when used inside @keyframes.
+
+
+
+
+ file:///C:/Users/AS/sourc … src/components/Map.css
+
+
+
+
+
+ @keyframes fadeIn {
+ to {
+ opacity: 1;
+ transform: scale(1);
+ }
+}
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+