SG Tester

Animation & Effect Demos

100% ApprovedTo integrate
UpdatedNurul to review
Animation OkApply CSS
Do Not UseOld versions
New Itemto check
§ 0 Loading Page

- DONE - remove the loading pause at the beginning, load faster
- DONE - Move up number to the exact center of the screen
- DONE - move boat low in compare with number


§ 1 Hero

- DONE - make entry smooth fly
- DONE - font bigger
- DONE - probably mve down the boat
- DONE - speed up cards transition
- DONE - card appearing right to left / disappear to the left


- DONE - slow down the ship entry to make it more smooth
- DONE - on scroll boat leave a little bit down from the current path
- DONE - same for cards, a bit above of the current path


§ 2 Glass Break

- DONE - scroll more so there is more time the text showing
- DONE - make the final glass a bit less 3d. with a drop shadow
- DONE - background light darker


§ 3 Ship Text Reveal

- DONE - sg font and style
- DONE - Yolande Desing text added
- DONE - background light added over dark background


§ 4 Fuse Effects

- DONE - Yolande path
- DONE - Added text and sg style

§ 5 + 6 Services + Case Studies

- DONE - gem 2 bigger and compare with gem 1 and gem 3
- DONE - text services bigger and check big responsive to be closer to gems
- DONE - superman card add a video instead of photo
- DONE - amend blast into red oranfe
- DONE - shards dont stop while blast is fading out
- DONE - shards use gem 4 colors
- DONE - when shards get together show image in blend into square position
- DONE - gramophone cards to beopen, slide from right full heihgt, 30% width with info and potentially a button at the bottom
- DONE - counter under gramophone to be style as SG and centered


§ 7 2nd Part

- DONE - blue section text more padding top and fade in as you scroll, when text is 20% to the top will fade out (I added a bit of pin scroll so its easy to read)
- DONE - circles fade in slower and fade in instead of coming from the right
- DONE - more space under the circles
- DONE - section after circles light background, with the current graphic as colors palette
- DONE - blurry text to be triggered earlier (bottom) and slower(I added a bit of pin scroll so its easy to read)
- DONE - for fadein by row
- DONE - make sure all fadein in order
- DONE - circles start fade in sooner but the fadein make it slower


- DONE - 1st text fade in earlier and same speed as hero
- DONE - navigation to be remove and rework
- DONE - check responsive in circles, big screens should have big circles
- DONE - slow down scrub on circles fade in
- DONE - circles move have a pause before start sliding, remove pause
- DONE - text blur to fade in earlier
- DONE - add fade out to text blur
- DONE - social links to be smaller

§ 8 Footer

- DONE - light background
- DONE - update logo

Misc Miscellaneous