High Quality HTML+CSS button Dev.
30
From a mockup(or I can completely make one up without) I will make a pixel perfect re-creation of your button in html+CSS I will also do a hover state for that button and if needed a disabled state for that button. I will also make the buttons have an animated transition between states. HTML+CSS will be provided via codepen.
You can tell me how you want it to animate - or personally I suggest allowing me to get creative. I've made probably thousands of buttons for sites I will make something cool and unique for you.
For active and disabled state javascript may be used to demo the button.
Code will follow best practices, as well as be clearly documented.
You will find my quality, speed, and attention to detail, worth the price in Simbi.
1 button = 30 simbi
2 buttons = 40 simbi
3 buttons = 45 simbi
more than 3 buttons - just ask.
Code will be delivered in a codepen.
May use SASS however the final CSS is viewable in-case you can't use sass on your site.
I'm fast at this and will usually be able to deliver within an hour to 2 days.
Training & Qualifications
I am a professional web developer been doing it for years, I enjoy making buttons for sites, because while it's a small feature of a site, it's something people typically see as mundane yet there is a challenge to do something truly different.
Some sites I've built - to prove I can back up my words with code:
https://www.streamcreative.com/
http://www.oshkoshairport.com/
https://www.spingroup.com/
I have a codepen account, here are some notable things I've built:
A concept for an animated interface for an app
https://codepen.io/thewebtech/pen/wewpGG
A 3D VR animated firepit with a moon and grass:
https://codepen.io/thewebtech/pen/QvNaGd
note- if you have any form of VR gear, try it out it will look even cooler, use WASD to move. No plugins needed to make this work.
Style Guide Builder - WIP
https://codepen.io/thewebtech/pen/MpYoME
Mini Animated quiz about security best practices:
https://codepen.io/thewebtech/pen/ALaQNj
Tiny Box Tim animation for Markiplier from youtube
https://codepen.io/thewebtech/pen/JKRMrm
Card flip animation
https://codepen.io/thewebtech/pen/qbeqVQ
note- this one's not in it's best state - what you see is 80% of what the final product looked like for client.
Header banner I made for a contact page - animated intro indicates user can scroll down, and the photo pans back and forth if the screen width is small enough.
https://codepen.io/thewebtech/pen/xOjbgA
Concept staff bios - hover over the green bars
https://codepen.io/thewebtech/pen/xORZLz
Availability & Preferences
weeknights and weekends.