AI Prompt Library: Code

Experience the Power of AI

Explore Our Library of AI Prompts

Content based

Css

From scratch

Generative

JavaScript

Animation

Background

Box delivery

Brainstorming

Business development

Button

Chat

Clock

Customer Service

Description

Digital Art

eCommerce

Form

Gradient

Handmade

Help Center

Hover

Illustration

Isometric

Marketing

Marketing strategy

Target

Text

Title

Vector

Code

Css

Pro

Animation

https://prompts.elementor.com/wp-content/uploads/2023/11/Infinity-slide-left-and-slide-right-icon-animation.mp4#t=0.01

Infinity slide-left and slide-right icon animation

Add a continuously and smoothly effect on the icon. The animation should be slide left and slide right, infinity, with css. The animation stops when the mouse hover on it.

COPY PROMPT

Notes:

Please note that, much like any other AI-generated content tool, the outcomes obtained from the suggested prompts in the Prompt Library can vary even when using the same prompt. Embrace the diversity and creativity in each result!

Code

Css

Pro

Animation

https://prompts.elementor.com/wp-content/uploads/2023/11/Infinity-zoom-in-and-out-icon-animation.mp4#t=0.01

Infinity zoom in and out icon animation

Add a continuously and smoothly effect on the icon. The animation should be zoom in and zoom out, infinity, with css. The animation stops when the mouse hover on it.

COPY PROMPT

Notes:

Code

Css

Pro

Animation, Background, Button

https://prompts.elementor.com/wp-content/uploads/2023/11/Gradient-animation-on-background-button.mp4#t=0.01

Gradient animation on background button

Create a three color animated background on class .elementor-button. 45deg from #ff0909 to #ffc3a0 to #ffd8b1, in 5 seconds and infinity. Make it smooth.

COPY PROMPT

Notes:

Code

Css

Pro

Animation, Button, Hover

https://prompts.elementor.com/wp-content/uploads/2023/11/Buttons-icon-rotates-and-text-moves-on-hover_01112023.mp4#t=0.01

Button’s icon rotates and text moves on hover

Make a smooth rotate transform of 360deg with a transition of 0.8s on the button icon when hover on all the button. In the same time move the position of the button text 5px to the right, with a transition of 0.8s when hover on all the button. Add a smooth transition after removing the hover state.

COPY PROMPT

Notes:

Code

Css

Pro

Animation, Button, Hover

https://prompts.elementor.com/wp-content/uploads/2023/11/Buttons-icon-grows-and-text-moves-on-hover_01112023.mp4#t=0.01

Button’s icon grows and text moves on hover

Make a smooth scale transform of 1.5 with a transition of 0.5s on the button icon when hover on all the button. In the same time move the position of the button text 8px to the right, with a transition of 0.5s when hover on all the button. Add a smooth transition after removing the hover state.

COPY PROMPT

Notes:

Code

Css

Pro

Animation, Background

https://prompts.elementor.com/wp-content/uploads/2023/11/Three-solid-colors-animated-background.mp4#t=0.01

Three solid colors animated background

Create a three solid color background animation. Start with background color #fc8e4e, then background color #ffc3a0 and then background color #ffafbd. Stay 2 seconds on each color. Make it smooth with fade effect.

COPY PROMPT

Notes:

Code

Css

Pro

Animation, Background, Gradient

https://prompts.elementor.com/wp-content/uploads/2023/11/Three-gradient-colors-animated-background.mp4#t=0.01

Three gradient colors animated background

Create a three color animated background. From #ff0909 to #ffc3a0 to #ffd8b1, in 5 seconds and infinity. Make it smooth.

COPY PROMPT

Notes:

Code

Css

Pro

Animation, Hover

https://prompts.elementor.com/wp-content/uploads/2023/10/Infinity-up-down-icon-animation_301020232320.mp4#t=0.01

Infinity up-down icon animation

Add a continuously and smoothly effect on the icon. The animation should be slide down and slide up, infinity, with css. The animation stops when the mouse hover on it.

COPY PROMPT

Notes:

Discover a World of Possibilities with AI

AI Code

Write Custom Code with AI

Generate Custom CSS to gain complete control over your website styling while maintaining a lightweight and flexible design.

AI Images

Generate Images  with AI

Use the brain power of AI to create one-of-a-kind images that you can edit and fine-tune without ever leaving the Editor environment.

AI Text

Create Text with AI

Embrace an efficient approach to content creation with AI that generates, enhances, and translates copy to fit any element seamlessly.

Elementor AI

AI Starter

16% OFF

/mo

Billed annually at

/year

Includes 18,000

Credits (Containers, Images, Text, Code)

30 Days 1 Subscription for all your Elementor websites

AI Power

27% OFF

/mo

Billed annually at

/year

Includes 50,000

Credits (Containers, Images, Text, Code)

90 Days 1 Subscription for all your Elementor websites

Non-refundable, try it free on any Elementor Website. Compatible with Elementor 3.13 and higher.

By purchasing Elementor AI, you agree to our AI Terms & Conditions

The price above includes Israeli VAT based on your billing address.

The above prices do not include applicable taxes based on your billing address.

Have an amazing idea for a prompt? Tell us about it.

Thank you!

Thank You!
The Elementor Team

Elementor is the leading website builder platform for professionals on WordPress. Elementor serves web professionals, including developers, designers and marketers, and boasts a new website created every 10 seconds on its platform.

Subscribe to our newsletter

By entering your email, you agree to our
Terms & Conditions and Privacy Policy.

Explore Our Library of AI Prompts