Build Interactive Blocks

If you've got any questions or need more help, feel free to join our Discord community. We're right there to chat with you and lend a hand.

Welcome, adventurous web creators, to a realm of boundless possibilities!

When using wegic AI to create webpages, you can enhance your website's interactivity and appeal with the following advanced techniques.

Text Box Hover Effect

You can give instructions to Wegic to add the following hover effects to text when the mouse hovers over it.

  1. Change text color to red

Change text color to red when mouse hovers over text.

  1. Change background color to light gray

Change background color to light gray when mouse hovers over text.

  1. Add text shadow (enhanced prominence)

Add text shadow when mouse hovers over text.

  1. Change text size to 20px

Change text size to 20px when mouse hovers over text.

  1. Enlarge text by 1.2 times (attract user attention)

Enlarge text by 1.2 times when mouse hovers over text.

  1. Add underline effect (increase attractiveness)

Add underline effect when mouse hovers over text.

  1. Fade in and out effect (provide smooth transition)

Display text with fade in and out effect when mouse hovers over text.

  1. Rotate text by 20 degrees (add fun)

Rotate text by 20 degrees when mouse hovers over text.

Image Hover Effect

Enhance images with interactive hover effects:

  1. 3D Transformation Effect

Add hover effect to images. Effect: 3D transformation.

  1. Hover Compression Effect

Add hover effect to images. Effect: hover compression.

  1. Add Interactive Effect to Images

Add interactive effect to images. Effect: hover to enlarge on pointer hover.

Create Webpage Animation Effects

  1. You can add a scrolling effect to the text

Add a webpage scrolling effect to the text

  1. You can adjust the text scrolling speed

Slow down text scrolling speed.

Unlock more engaging dynamic effects

In situations where you desire to enhance user engagement by adding interactive effects to images:

Just describe your thoughts, for example:

Add an interactive effect to the image module. The effect is: hover after the picture bounce.

And based on Kimmy's modified effect, continue to give instructions for him to create a web effect that better meets your expectations:

The image will hide when it jumps out of the container. Help me fix that. The container is displayed normally.

In situations where dynamic effects are desired for text, you can command:

Add breathing effect (zoom in and out) to the text.

Last updated