Welcome to ProjectA !

The Excursion to those amazing Animated Background.


It is miraculous marvelous...

Two modern technologies of CSS/JS animation and HTML5 video allow designers to add awesome motion effects to their web designs, common examples being large background videos or web elements that move into place.

This is a demonstration of Star Wars-style scrolling 3D titles using only CSS3. It possibly has no practical purpose whatsoever but it looks great and you can impress your visitor friends.

So how does it work? Well, it's fairly simple. We have an outer absolute DIV (#titles) which is rotated along the X-axis using perspective to give the impression of depth. The same DIV also has an :after psuedo-element which applies a linear gradient so the text appears to fade out.

Inside, we have another absolutely-positioned DIV which contains the text (#titlecontent). The top is set to 100% to ensure it starts off-screen then uses CSS3 animation to move it upward over time. No JavaScript is required.

You will probably need to adjust the movement amount and timing depending on the quantity of text you want to show. The 3D depth can also be tweaked in the #titles declaration.

View the Source at:



— LChuNetWorks Websites —

Thanks for visit!
We look forward to have great time with you all.

Learn More
Animation Background Explorer
♦ ♦ ♦ ♦
Sweep clean with Mouse Hover
— Particle Web —
Particle Triangle Connected Web forming HTML5 JS Canvas
A version of Canvas from [ Count.] template by styleshout
— Droping —
| Confetti | Matrix | Sakura | Rain | none |
— Particle —
| Space | Ambient | Constellation | Glowing | Gradient | JS | Nodes | Ground | Wave1 | Wave3 | none |
— Shapes —
| Bubble | Floating Box | Long Shadow | Rainbow Lines | Color Beam | Wave | none |
— Fireworks —
| FW1 | FW2 | FW3 | FW4 | FW5 | FW6 | FW7 | FW8 | none |
Unique Amazing Web Sites
with attractive, astonishing designs...

Cafe Frida? website. As you land, you see a lovely pattern made up of beautiful white flowers that adapt into the rest of the layout as you scroll. It? delightful.
Echo website. You?l find several mind-bending examples constructed entirely in black and white.
samskinner.net and torquetorque.net turning page's Icons and/or Patterns into part of User Interface. Pretty cool, huh?
Jamie Wolfond another great interactive animated background site you should visit.
Letters, Inc. using Linework only designs. Sometimes designers tend to get color happy and forget how beautiful simple lines can be.
uber.design Add animation to the mix and Blow up your pattern and zoom all the way in, an intersting mix let viewer appreciate the entire pattern...
Cyril Conton Grapgics Scientific Interactive web designs especially on Pixel perfect Didactic representation, from anatomy to quantum physics...
Jam3.com another great interactive animated background site you should visit.
Spready Inc. by Eri Itoh from Japan.
SaveTheAir.de A windy webspecial in collaboration with Atelier Grand Berg (concept, design & illustration) and German Wahnsinn (music and sounddesign).
BCdesign.cn A stunning Digital brand Visual Creativity web design that you chould check it out.
HAPPY 2019 CHALLENGE It's process to define your goal for 2019. It uses many webGL & 3D contents. This is my personal experimental work... by SRETKS (Japan).
NY Tree Under Construction by Actis Wunderman (Russia). Feel an architect and turn your aspirations into reality with this greeting card made for architect bureau. Build from blocks, while the crane moves from side to side.
yo:HA by VerzDesign (Singapore). As the largest hostel management provider in Singapore, yo:HA manages premier living environments for local and foreign students and working professionals.
Disrupt by OUI WILL. Disrupt is an experience to showcase how we grow brands by building tech.
TicTacWow Caffeine by Not Perfect Y&R (Lithuania). What if you could play classic TIC-TAC-TOE game in 3D? Yup, we did it. And it's fun :) Play against your friends on mobile or desktop.

Learn More

Hello there

I am Lawrence Chu

Electrical System Engineer.
Located in West Covina, CA 91790
台灣 台南市 永康區 Taiwan
IP Phone: (626) 548-4951
Leave a Clear Voice Message
If you would like to contact me for fun, work, or any other reason,
please use contact email is prefer.

Give me a shout
Learn More