Code

Discussion on Code Rain - JavaScript Matrix Effect

Discussion on Code Rain - JavaScript Matrix Effect

Cart 83 sales
CreativeTier

CreativeTier supports this item

Supported

6 comments found.

I purchased the Code Rain implementation – great job on the smoothness of it all. :-D

What is the best way to overlay a full page display on top of the code rain as it stands? I need to put some text and buttons on a full-page div that goes on top with the code rain in the background.

I tried using z-index but didn’t have any success (I’m a hardware/firmware guy, only have basic CSS skills). Would appreciate your feedback on how I can achieve this.

What you want to do is position absolutely the rain effect in the back. Then position absolutely your content, on top of the rain effect, with a higher z-index.

The examples in the “2-rain-with-message” folder basically use this approach. Except they only have the message effect on top.

If you have more content, you place all of them in a container, and position the container absolutely. The container you can have as a flex display, to make it easier to position then within.

Hi,

Is there any way to add second message like : first message > characters animation > second message

Overall great script. Thanks!

There is no template for that but, if you need it, I can code it for you.

You can use the contact form on my profile page to send me an email with the exact requirements you need and I will get back to you with a development cost and timeframe for completion.

Can you overlay this over an image?

Yes, you can to position it with CSS over the image then set the opacity to what you want.

Hello,

Is it possible to make vector image files from the completed product?

The code rain effect is made in the HTML canvas element. You can right-click the canvas at any point and save it as a bitmap image but I don’t think canvas offers any possibility to save it as a vector image.

Congratulations!!! Nice Work, Good Luck With Sale :)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve CodeCanyon.

Sure, take me to the survey