Ego One - Pure | Fresh | First
Would you like to react to this message? Create an account in a few clicks or log in to continue.

We're Moving. So, we've disabled new registrations on this forum. The forum will not officially be released until 8 PM Pacific Standard Time (Friday, Sept, 9th, 2010)~ http://www.ego-one.net/

Ego One - Pure | Fresh | First » Official »  » From the homepage    » Awesome CSS3 web buttons

View previous topic View next topic Go down  Message [Page 1 of 1]

Jalokim

Jalokim
Manager
Awesome CSS3 web buttons 3f87b13cI have got a special surprise for you guys today.

After playing around with all the border settings I have finally developed some of my own buttons made entirely out of CSS3 ... almost no image use was required.

I decided to make the images a lot more attractive by adding a few gradient images.

But I have 1 perfectly gradient only CSS3 button
check it out:







But the images made with CSS3 with a little help from image look ten times better:





But my personal favorites are the twitter and facebook buttons with awesome glow hover effects:




A tutorial on how to do this is on the way.
stay tooned

Guest posting activated




MrMega
Re: Awesome CSS3 web buttons

Post Mon Aug 24, 2009 5:16 pm by MrMega

Wow Jalo.
I might use the enter button for a form on my soon-to-be-coded forum.

ankillien
Re: Awesome CSS3 web buttons

Post Mon Aug 24, 2009 6:43 pm by ankillien

Oh Jal! Do you read my mind or what?
I was to post the same tut here Razz
Yes, believe me.

But no probs Big Grin I'll make some more CSS3 tuts for TeaLeaf as soon as I return. ( I am going on holiday for about a week or so)

Sanket
Re: Awesome CSS3 web buttons

Post Mon Aug 24, 2009 9:58 pm by Sanket

Interesting.
I have seen the roll over code, is this tutorial going to be different than that?

Anonymous
Re: Awesome CSS3 web buttons

Post Fri Jun 18, 2010 2:37 pm by Guest

Thats great!Still waiting for the tutorial,using the Source code for now and i found the button's CSS.Thats good,i am gonna learn some more Smile

Johnson5756
Re: Awesome CSS3 web buttons

Post Sat Jun 19, 2010 6:35 am by Johnson5756

Cool. At least users don't need to create for find an image purposely.

Re: Awesome CSS3 web buttons

Post  by Sponsored content

View previous topic View next topic Back to top  Message [Page 1 of 1]

Ego One - Pure | Fresh | First » Official »  » From the homepage    » Awesome CSS3 web buttons

Permissions in this forum:
You cannot reply to topics in this forum



Site powered by Forumotion
Copyright 2006-2013 | JalokimGraphics | Ego-One
<!-- <script type="text/javascript"> var vglnk = { key: '0d80ae9fe71cec9484f682bd59232f9e' }; (function(d, t) { var s = d.createElement(t); s.type = 'text/javascript'; s.async = true; s.src = '//cdn.viglink.com/api/vglnk.js'; var r = d.getElementsByTagName(t)[0]; r.parentNode.insertBefore(s, r); }(document, 'script')); </script> <div id="Forumactif_Video"></div> <script type="application/javascript"> //<![CDATA[ var slmadshb = slmadshb || {}; slmadshb.que = slmadshb.que || []; slmadshb.que.push(function() { slmadshb.display("Forumactif_Video"); }); //]]> </script> <script type="text/javascript">window._taboola = window._taboola || []; _taboola.push({flush: true});</script> <!-- BEGIN 1425605 - etoxic - FR - CDB - PCK - sticky footer - 728x90--> <div id="criteo_sticky"> <script type="text/javascript"> function CreateStickyFooterContainer(e) { var t = document.getElementById(e); t.style.position = "fixed", t.style.zIndex = "2147483646", t.style.bottom = "0", t.style.left = "0", t.style.padding = "0", t.style.borderColor = "rgb(196, 196, 196)", t.style.width = "100%", t.style.backgroundColor = "rgba(245, 245, 245, 0.54902)", t.style.borderStyle = "solid", t.style.borderWidth = "1px"; var o = document.createElement("a"); t.appendChild(o), o.style.backgroundColor = "rgb(221, 221, 221)", o.style.backgroundImage = "url('//static.criteo.net/images/criteo/publishertag/close.png')", o.style.backgroundRepeat = "no-repeat", o.style.backgroundPosition = "center", o.style.display = "block", o.style.position = "absolute", o.style.left = "0", o.style.top = "-24px", o.style.width = "23px", o.style.height = "24px", o.style.borderBottomColor = "#6d6c71", o.style.cursor = "pointer", o.onclick = function() { t.style.display = "none" }; var l = document.createElement("div"); l.id = "cto_sticky", l.style.margin = "0 auto", l.style.display = "table"; t.appendChild(l); return l.id }; Criteo.events.push(function() { if(!isMobile){ Criteo.Passback.RenderAd(CreateStickyFooterContainer("criteo_sticky"), function(){ var slotid = "criteo_sticky"; var div = document.getElementById(slotid); div.removeAttribute("style"); }); } else{ var slotid = "criteo_sticky"; var div = document.getElementById(slotid); div.style.display = "none"; } }); </script> </div> <!-- END CRITEO TAG --></body></html><strong><a href="https://www.forumotion.com/create-forum/phpbb3" target="_blank">Free forum</a></strong>&nbsp;|&nbsp;<span class="gensmall">&copy;</span><a href="https://www.forumotion.com/phpbb" target="_blank">phpBB</a>&nbsp;|&nbsp;<a name="bottom" href="https://help.forumotion.com/" target="_blank">Free forum support</a>&nbsp;|&nbsp;<a href="/abuse?page=%2Ft416-awesome-css3-web-buttons&amp;report=1" rel="nofollow">Report an abuse</a>&nbsp;|&nbsp;<strong><a href="https://www.forumotion.com" target="_blank">Forumotion.com</a></strong>Derp