Find Jobs
Hire Freelancers

CSS Card Animation Effect

$10-30 USD

Cancelled
Posted about 1 year ago

$10-30 USD

Paid on delivery
We need to make a quick animated CSS effect similar to the file below. The project needs to be capable of the following- 1. Opens an animated card effect when the user starts typing in an input form. 2. The text within the input form automatically gets added onto the card 3. The text can then be submitted into a flask application using a simple form tag. 4. The text that is written appears in a cursive like font.
Project ID: 36545292

About the project

14 proposals
Remote project
Active 1 yr ago

Looking to make some money?

Benefits of bidding on Freelancer

Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
Awarded to:
User Avatar
It sounds like you're looking for an animated CSS effect that will create an interactive input form with a card effect. I can recommend the following steps to achieve this: 1. Start by creating a basic HTML input form using the `<form>` and `<input>` tags. You can style this form using CSS to give it a sleek and modern look. 2. To add the animated card effect, you can use CSS transforms and transitions. You can start by creating a simple card element using a `<div>` tag. Then, using CSS transforms, you can create a flip effect that reveals the input text on the back of the card when the user starts typing. 3. To automatically add the text from the input form onto the card, you can use JavaScript to listen for the user's input and dynamically update the content on the card. 4. Finally, to submit the text to a Flask application, you can use the `<form>` tag with an action that points to your Flask endpoint. When the user submits the form, the text data will be sent to your Flask application for processing. For the cursive font, you can use a Google font or a custom font of your choice by linking to it in the HTML header. I hope this helps! Let me know if you have any further questions.
$15 USD in 1 day
4.9 (20 reviews)
4.4
4.4
14 freelancers are bidding on average $39 USD for this job
User Avatar
I understand what you are looking for in terms of an animated CSS effect - one that opens an animated card effect when the user starts typing in an input form and which then adds the text automatically. I also have experience in creating a cursive font with text that is written in it after submission into a flask application using a simple form tag. My skills and experience make me the perfect fit for this project. With over 7+ years of experience in web design and development, I have completed a lot of business development and marketing projects. Additionally, I am highly skilled in Magento 2, WordPress, Shopify HTML, Bootstrap PHP/Laravel CI. Therefore I can confidently provide you with exactly what you are looking for in terms of an animated CSS effect - one that opens an animated card effect when the user starts typing in an input form and which then adds the text automatically. I would love to discuss further how my services could benefit your project! Please feel free to contact me if there is any further information you require about me or my services.
$25 USD in 7 days
4.6 (61 reviews)
5.5
5.5
User Avatar
Hello, Yes I have read given 4 points and can design and create animated card effect and implement text(cursive) within the input form and can setup all the features and functionality properly. I am waiting for your response. Thanks, Ankit
$75 USD in 2 days
4.7 (37 reviews)
4.8
4.8
User Avatar
Hi, I have gone through the job details, that you looking for a "Developer to create a Animated Card in CSS effect". I am a Frontend Developer with 8+ years of experience. I have proficient in front-end technologies like HTML, CSS, React Js, ReactNative and JavaScript. Additionally, I have experience working with popular content management systems such as React. I am available to discuss your project requirements in more detail and answer any questions you may have. Please feel free to contact me at your earliest convenience. Thank you for your consideration, and I look forward to hearing from you soon. Best regards, Thangapandian S
$25 USD in 1 day
5.0 (1 review)
4.0
4.0
User Avatar
CSS Card Animation Effect Hello Conner Anderson R., I would like to grab this opportunity and will be dedicated to your work till you get 100% satisfied with the tasks. I have 10+ years of experience on JavaScript, CSS, 3D Animation, Flask. You can check out my freelancer portfolio section. I will also share my portfolio on further demand over a chat. Please come over chat and discuss your requirements in a detailed way. Thanks & Regards, Ali K.
$20 USD in 7 days
4.7 (6 reviews)
3.7
3.7
User Avatar
Hello there, I am writing to express my interest in your "Flask Linkedin Messenger -- 2". I have rich experiences in Flask, 3D Animation, JavaScript and CSS I have extensive experience in developing websites that meet the unique needs and goals of my clients. My service is committed to delivering high-quality work and providing exceptional customer service. I believe that clear communication and collaboration with my clients is key to the success of any project, and I am eager to work with you to bring your vision for "Flask Linkedin Messenger -- 2" to life. Many thanks
$20 USD in 4 days
5.0 (2 reviews)
3.4
3.4
User Avatar
Job Title: Flask Linkedin Messenger -- 2 I'm just checking your attachment I'm cerified in webdesigning and development by freelancer.com.I'm also certified in wordpress , Woocommerce , Bidcommerce designing and development by freelancer.com. You can also check certificate in my profile. DW Solution Online is providing Responsive Website designing & Development Services. We have been designing and developing websites for different industries since 2015. wordpress related skills My Services WordPress Installation and Setup, Theme Customization, Plugin Installation and Configuration, Content Creation and Management, Troubleshooting and Maintenance, Custom Theme and Plugin Development, Search Engine Optimization (SEO),Security, Performance OptimizationJavaScript, Flask, CSS and 3D Animation
$10 USD in 5 days
4.8 (10 reviews)
2.6
2.6
User Avatar
Hello, Good evening! I am professional Animator and Video Editor with skills including JavaScript, Flask, 3D Animation and CSS. In Your project " Flask Linkedin Messenger -- 2 " I can help you with this project . We would love to animate your strong script in a very creative and lively way so that it can grab huge viewers attention and the message also so that the message can be conveyed easily in a very unique way to the viewers. We have been doing these sorts of animations for about 7 years now and now an expert in these sorts of projects as You can have a look at it on my Freelancer Profile. Moreover,we have made all our videos with scratch keeping in mind the brand color suitable for clients. 100% premium quality and fully customized video is providable from our side with voice over of your choice and multiple revisions until you are fully satisfied. Looking forward for you to provide us with script, color guidelines and project details so We can animate your attractive animation. Please contact me to discuss more regarding this project. Looking forward to serve you AtwaArt
$10 USD in 1 day
4.2 (1 review)
2.5
2.5
User Avatar
Hello, my name is Ritik Garg, and I'm a Full-Stack Developer with 4+ years of experience specifically in web scraping, JavaScript, Python, Django and more. You're looking for a way to make an animated CSS effect similar to the file below. I understand exactly what you need the project to be capable of - opening an animated card effect when someone starts typing in an input form, text within the form automatically getting added onto the card so that it can be submitted into a flask application using a simple form tag, and the text written appearing in a cursive like font. I am confident that I can deliver a successful outcome for this project. My skillset includes VueJS JavaScript, NodeJS Python and more which will be essential for making this project happen. Additionally I offer full time work (24/7) fast & easy communication perfect (100%) quality on time & budget delivery flexible work time If you're looking for someone who can help you create an animated CSS effect similar to the file below then please don't hesitate to reach out to me. Thank you for considering me for this job!
$20 USD in 7 days
3.9 (4 reviews)
2.2
2.2
User Avatar
Hello, Conner Anderson R. Happy to see your job post and I am the best fit as I've worked on a similar project before. I am very familiar with skills including CSS, 3D Animation, Flask and JavaScript. I am an American Full Stack Developer with over 10 years of experience in developing web applications for clients. I have a wide range of experience developing front-end and back-end solutions using HTML, CSS, JavaScript, PHP, and other popular programming languages. My expertise also includes database management, UI/UX design, QA testing, bug fixing, and more. Please review my profile and portfolios. https://www.freelancer.com/u/YulianOptimize I am confident that I can provide you with the highest quality workmanship and deliver your project within a reasonable timeframe. My passion is creating high-performance websites and applications that are intuitive and easy to use. Please feel free to contact me with any questions or to discuss my bid further. I look forward to hearing from you soon. Sincerely, Yulian
$200 USD in 1 day
0.0 (0 reviews)
0.0
0.0
User Avatar
I developed several projects with css, and even i developed same projects like you provided. So i consider this as cup and cake for me. You can believe me, i can finish this off with atmost focus on this project.
$15 USD in 2 days
0.0 (0 reviews)
0.0
0.0
User Avatar
Hi there! I am very interested in your project of adding Animation using CSS. As an experienced developer , I have worked on similar projects in the past and have the necessary skills to complete this task efficiently and accurately. Regarding my pricing, I believe my hourly rate of $30 is fair and reasonable for the level of expertise I bring to the table. My experience with WooCommerce and product listings ensures that I can work quickly and effectively to add your products with precision and attention to detail. I understand that budget is an important consideration for you, and I assure you that my pricing is competitive within the market while still providing high-quality work. I am eager to work on this project and would love to discuss further details with you. Please feel free to contact me with any questions or concerns you may have. Thank you for considering my bid, and I look forward to the opportunity to work with you. Best regards, Meenakshi
$30 USD in 7 days
0.0 (0 reviews)
0.0
0.0

About the client

Flag of UNITED STATES
Sandy, United States
5.0
10
Payment method verified
Member since Nov 4, 2019

Client Verification

Thanks! We’ve emailed you a link to claim your free credit.
Something went wrong while sending your email. Please try again.
Registered Users Total Jobs Posted
Freelancer ® is a registered Trademark of Freelancer Technology Pty Limited (ACN 142 189 759)
Copyright © 2024 Freelancer Technology Pty Limited (ACN 142 189 759)
Loading preview
Permission granted for Geolocation.
Your login session has expired and you have been logged out. Please log in again.