
Closed
Posted
Paid on delivery
<!DOCTYPE html> <html> <head> <title>Circular Slider</title> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; background: #111; } .circle { position: relative; width: 300px; height: 300px; border-radius: 50%; animation: rotate 10s linear infinite; } .circle img { position: absolute; width: 80px; height: 80px; border-radius: 50%; } /* Position images in circle */ .img1 { top: 0; left: 50%; transform: translate(-50%, -50%); } .img2 { top: 50%; right: 0; transform: translate(50%, -50%); } .img3 { bottom: 0; left: 50%; transform: translate(-50%, 50%); } .img4 { top: 50%; left: 0; transform: translate(-50%, -50%); } @keyframes rotate { 100% { transform: rotate(360deg); } } </style> </head> <body> <div class="circle"> <img src="[login to view URL]" class="img1"> <img src="[login to view URL]" class="img2"> <img src="[login to view URL]" class="img3"> <img src="[login to view URL]" class="img4"> </div> </body> </html>
Project ID: 40382437
32 proposals
Remote project
Active 23 days ago
Set your budget and timeframe
Get paid for your work
Outline your proposal
It's free to sign up and bid on jobs
32 freelancers are bidding on average ₹944 INR for this job

With over 8 years of industry experience, I pride myself on creating and implementing innovative solutions that truly make a difference which aligns perfectly with your project need. My specializations in HTML5, CSS3, JavaScript, Tailwind CSS and Bootstrap along with the experience have not just honed my development skills but also expanded my understanding of how to combine form and function elegantly. From the quick scan of your request for a circular image slider, it's clear that you value clean, scalable and well-documented code, which I guarantee. Moreover, on-time delivery is never an issue for me as I exhibit a strong focus on quality & performance throughout every step of the exceeding expectations from the very beginning. Clients choose me because I understand their needs and turn them into concrete results while providing reliable long-term support and maintenance. Solving real-world problems through user-friendly products is what drives me forward. So let us move forward together towards building an impeccable circular image slider together! Please reach out to discuss the specifics further.
₹700 INR in 7 days
4.1
4.1

Hi there, I’d love to help you build a smooth and visually engaging circular image slider. I specialize in modern, responsive UI components and can create a slider that not only looks great but performs seamlessly across devices. For your project, I will: Develop a circular/looping image slider with smooth transitions Ensure full responsiveness (desktop, tablet, mobile) Add optional features like autoplay, drag/swipe support, and navigation controls Optimize performance for fast loading and fluid animations Deliver clean, well-structured code (HTML, CSS, JavaScript or your preferred framework) If you have a specific design or reference in mind, I can match it closely—or propose a sleek, modern style that fits your needs. I’m available to start right away and can deliver quickly without compromising quality. Let’s discuss your exact requirements and get this moving. Best regards, Zeba
₹1,050 INR in 2 days
3.2
3.2

Your circular slider works visually, but it breaks the moment you scale or add dynamic content. Right now, positioning is hardcoded to four items. That limits flexibility and kills reuse. Also, rotation tied to the container affects image orientation, which may not be ideal. I’d rebuild this using transform-origin and trigonometric positioning via CSS variables or JS. This allows any number of images, responsive scaling, and controlled rotation behavior. I’ll also separate rotation from image orientation using nested wrappers. That keeps images upright while the orbit rotates smoothly. ✔️ Built dynamic sliders supporting unlimited items and responsive layouts ✔️ Fixed rotation/orientation conflicts in circular UI components ✔️ Optimized animations for smoother GPU rendering ✔️ Delivered reusable components for production UI systems One improvement most miss: animation timing should match item spacing. Otherwise, rotation feels uneven and visually “off” over time. Do you want this slider to support dynamic image counts or stay fixed at four? — Dikshant
₹1,000 INR in 7 days
1.7
1.7

I am a great fit for this project because I have strong experience in frontend development, especially with HTML, CSS animations, and JavaScript. I can quickly enhance your circular slider to match the reference video with smooth animations, better responsiveness, and clean visual effects. I focus on writing optimized, well-structured code and can easily customize the rotation speed, image positioning, hover effects, and interactivity as per your needs. I also ensure cross-browser compatibility and responsive design so it works perfectly on all devices. I can deliver a polished, visually appealing result within a short time while maintaining high quality.
₹1,350 INR in 6 days
0.0
0.0

Hi, I understand the task and will ensure your expectations are me. I am a skilled freelancer with 4 years of experience in JavaScript, Web Development, Frontend Development, Web Design. See my profile for recent work. Please connect in chat so we can discuss. Warm regards, Syeda Tahreem
₹1,050 INR in 7 days
0.0
0.0

As a certified Power Platform Developer and Business Solutions Specialist, I appreciate the elegantly simple yet powerful potential of your Circular Image Slider. Being well-versed in CSS, HTML5, and JavaScript, I can transform your static code into an interactive, dynamic experience that will catch the eye and amplify user engagement. Drawing from my in-depth experience with building responsive web applications, I am confident can masterfully weave your image slider to flawless adaptability across various devices. But my expertise doesn't end there - my understanding extends beyond pure coding. In my years of experience, I have observed first-hand the importance of seamless usability in enhancing business productivity. I always strive to imbue my creations with simplicity, intuitiveness, and fluidity thereby providing user-friendly powerhouses that excel at process automations. In conclusion, selecting me for this project wouldn't just be a choice in craftsmanship but one rooted deep in functional design. With my passion for problem solving and proven proficiency in generating valuable business insights through technology
₹1,050 INR in 7 days
0.0
0.0

Hey — read through your post on circular image slider creation. I've done similar work with JavaScript, CSS, Animation recently. I can get a working version to you in about 1 week. What's the most important piece you'd want to see first? — Jazzy
₹960 INR in 7 days
0.0
0.0

As a dedicated and experienced web developer, I would be an excellent match for your Circular Image Slider Creation project. I've been focused on frontend development, HTML5, JavaScript and web design, which are all crucial skills required for crafting and animating elements as per your project. Throughout my career, I have developed an array of visually appealing websites, demonstrating my deep love for user-friendly designs. What sets me apart as a candidate is my emphasis on clean, efficient work. Your code template demonstrates this importance as well. My detailed knowledge of HTML5 and CSS allows me to write succinct yet exhaustive code snippets that are easy to comprehend and improve upon. Working with me also means ensuring client satisfaction; this isn't just an empty phrase for me. I truly understand the importance of projects like yours in enhancing web platforms' aesthetics and functionality. You can count on me to deliver a highly responsive image slider that'll make your website feel interactive and polished while being fully compatible with multiple browsers. Have any questions? Feel free to ask!
₹1,500 INR in 7 days
0.0
0.0

Hi, I have analyzed the Circular Slider HTML/CSS code you provided. It’s a great start, but I can see several areas where it needs professional optimization to be truly 'Beautiful' (as mentioned in your attachment). I will improve your project by implementing the following: Counter-Rotation Fix: Currently, as the main circle rotates, the images also turn upside down. I will add a script to rotate the images in the opposite direction so they always stay upright while moving in the circle. Smooth JavaScript Control: Instead of just a basic CSS animation, I will use JavaScript/jQuery to allow the user to drag the slider or click on images to bring them to the front. Responsive Positioning: I will use a mathematical formula (sin/cos) in the code so that if you want to add 6 or 8 images instead of 4, they will automatically position themselves perfectly in the circle. Premium UI/UX: I will add a 'Glow' effect and smooth scaling when an image is hovered. I am a Full-stack developer with expertise in Frontend Animations. I can complete this task within a few hours and provide you with clean, well-commented code. Let's discuss how you want the interaction to feel! Best regards, [Teshome]
₹1,100 INR in 1 day
0.0
0.0

I am a full stack developer and i have experience in html css and js. and also experience in animation and attractive ui part. I will be complete this today eod.
₹800 INR in 7 days
0.0
0.0

Web Developer | I create responsive, fast, and modern websites that help businesses grow. Clean design, smooth performance, and client satisfaction are my top priorities.
₹1,050 INR in 7 days
0.0
0.0

Hello, I checked your current circular slider code and the main limitation is that the layout is hardcoded for 4 images, which makes it non-scalable and unstable when extended or modified. I can rebuild this into a fully dynamic circular slider using clean HTML, CSS, and JavaScript with a more professional structure. My approach: - Use dynamic angle calculation so any number of images can be placed evenly in a circle - Apply transform-based rotation logic for smooth and stable animation - Improve positioning using calculated offsets (not fixed top/right values) - Ensure the animation remains smooth without image distortion during rotation - Build it as a reusable component that can be reused in any project This will make the slider flexible, scalable, and production-ready instead of a fixed demo implementation. I can start immediately and deliver within 1–2 days. Let me know if you want pause-on-hover, speed control, or manual navigation added.
₹1,050 INR in 2 days
0.0
0.0

Hello, I can refine and enhance your circular slider into a smooth, visually polished, and fully responsive component. I’ll improve the animation so it feels more premium (smooth rotation, optional pause on hover, and better easing), ensure perfect alignment on all screen sizes, and optimize performance. I can also extend it to support dynamic items, add center content, or convert it into an interactive carousel if needed. What I’ll deliver: Clean, optimized HTML/CSS (and optional JS for controls) Fully responsive circular layout (mobile + desktop) Smooth, lag-free animation Optional features: hover pause, clickable items, dynamic image support Well-structured, commented code for easy reuse I have strong experience with animations and UI components, so I’ll make sure this looks modern and performs flawlessly. Ready to start immediately. Best regards, Muhammad Ahmad
₹900 INR in 2 days
0.0
0.0

Hi there I am a front end Web developer with 4 years of experience. I read your projects you want some one to create animation for you. I can perform this task within 24 hours. If you want I can share with you some samples of my tasks. That's complicated. Ex:- loading animation... Best regards.
₹1,050 INR in 7 days
0.0
0.0

I have strong expertise in HTML5, CSS3 animations, and JavaScript. I can build a smooth circular image slider with counter-rotation fix (so images stay upright while rotating), responsive design, and clean code — delivered within 2 days. I’ve worked on multiple frontend animation projects and know exactly how to handle CSS @keyframes and transform layering for this effect.
₹1,050 INR in 7 days
0.0
0.0

hey, I can help you improve and complete your circular slider to make it smoother, more customizable, and fully responsive. I will refine the animation, positioning, and styling so the rotation looks clean and works well on different screen sizes. I can also enhance the slider by adding features like adjustable speed, dynamic image placement, hover effects, and better structure for easier future edits. The final code will be clean, well-organized, and ready to use in your project.
₹600 INR in 1 day
0.0
0.0

I am a motivated and reliable freelancer ready to assist you with your project. I am committed to delivering high-quality work with accuracy and on time. I always focus on client satisfaction and am willing to follow instructions carefully to ensure the best results for your task.
₹600 INR in 7 days
0.0
0.0

I have carefully reviewed your requirement for a circular slider animation and I can deliver a clean, smooth, and fully responsive solution using HTML, CSS, and JavaScript. Your current concept is good, but I can enhance it further by making the animation smoother, adding better positioning logic, and ensuring it works perfectly across all screen sizes and browsers. I can also make the slider dynamic (so images can be added/removed easily), improve performance, and optionally add hover effects, pause-on-hover, or interactive controls. I have solid experience in frontend development, especially in animations and UI design, and I focus on writing clean, maintainable code. ✔ Smooth circular rotation animation ✔ Responsive and cross-browser compatible ✔ Clean and optimized code ✔ Optional enhancements (controls, hover effects, dynamic images) I can complete this project within 3–5 days with high quality. Looking forward to working with you!
₹1,500 INR in 7 days
0.0
0.0

I can create a responsive circular image slider using HTML, CSS, and JavaScript with smooth transitions and clean design.
₹900 INR in 5 days
0.0
0.0

I’ve done this project before and I’m willing to simply hand you the product or hand it and explain what I’ve done for learning purposes.
₹600 INR in 1 day
0.0
0.0

Kanpur, India
Member since Feb 26, 2026
₹600-1500 INR
₹600-1500 INR
₹12500-37500 INR
₹600-1500 INR
₹12500-37500 INR
€30-250 EUR
₹1500-12500 INR
₹12500-37500 INR
₹1500-12500 INR
$15-25 USD / hour
$10000-20000 USD
₹12500-37500 INR
₹600-3000 INR
₹1000 INR
₹1500-12500 INR
$15-25 USD / hour
$30-250 USD
$30-250 NZD
₹12500-37500 INR
$250-750 USD
₹600-1500 INR
₹750-1250 INR / hour
$250-750 USD
₹12500-37500 INR
₹1500-12500 INR