Conditional logic on form fields
Wrap the provided JavaScript code with a <script> tag. This code should run after the webpage finishes loading. At the beginning, hide the field with the ID form-field-email along with its label. Then, add a listener to check if the field with the ID form-field-subject has any content. If it does, show the form-field-email field; if not, keep it hidden along with its label. Put only JavaScript code and not HTML.
- “
form-field-email” is the ID of the field that should appear dependent on the field with the ID “form-field-subject.” - Go to your form fields in the Advanced tab, copy your IDs, and replace the relevant IDs in the prompt. For example: “form-field-
[PUT YOUR ID HERE].” - Drag and drop the HTML widget above or after your form on the page and apply the prompt with your edits.
- Check the result in preview mode and not in the editor.
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!
Show a border and shadow when focusing on form fields
Add a border of 1px #000000 and slight white shadow of 15px to the fields on focus mode.
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!
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.
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!
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.
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!
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.
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!
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.
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!
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.
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!
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.
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!
Discover a World of Possibilities with AI
Write Custom
Code with AI
Generate Custom CSS to gain complete control over your website styling while maintaining a lightweight and flexible design.
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.
Create Text with AI
Elementor AI
- Unlock your business potential with Elementor AI
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.