Create a Sliding Button Effect Only Using CSS3 - Code Tutorial

[@niyasrahman131313]

need more tutorials Like this .. thankfully

[@OnlineTutorialsYT]

NIYAS RAHMAN hi brother...plz look my channel video... :)

[@michealchuku6176]

what do you use in typing your codes. what is the software called? i love it and i want to get it

[@hippigypsi]

Excellent. Glad to have found your lessons!

[@thisviral6350]

Crazy im such a beginner, really awesome

[@OnlineTutorialsYT]

ThisViral yes but

[@pinkydhiman4]

Good tutorial and easy to understand step by step. But there is one issue that we need the background stay where we leave.
Like if we hover and leave on 2nd button than it needs to be stay there but it auto move to the first one which are no needed. Can you please update and help for this issue also ?

[@alexanderivanov9014]

Hi there,
really awesome job. But I was wondering do you no js or some backend.
Thanks.

[@CalerEdwards]

Thanks! I know javascript pretty well, this year I am working on getting more advanced with it. For backend I have used php before but I would not say I know any backend code well. Its something I want to work on in the future.

[@Itstollol]

Caler,you use Adobe Muse?

[@CalerEdwards]

+Itstollol I can but I prefer coding over something like that

[@alexanderivanov9014]

Caler Edwards Can I ask you from where are you leaning . Thanks again.

[@CalerEdwards]

+alexander ivanov right now I'm using w3schools and code academy :D

[@jv18creator]

Cool effect. I want this effect on 3 buttons and on click. could you please share with me any tutorial or article on how to achieve this effect?

[@GreatWaterCircus]

Brilliant tut thank you

[@CalerEdwards]

Glad you liked it!

[@GreatWaterCircus]

@@CalerEdwards Giday Caler. Thank you for the reply
You have a very smooth clear idea of what you are presenting and that transgresses into pass on knowledge. Thank you once again...

[@SuperAlexsander2009]

Best tutorial ever !!!!!!

[@NoUser-j2b]

good job, thanks for sharing

[@skepy91]

Very good tutorial! How do you auto refresh the page each time you change the css file?

[@CalerEdwards]

Thank you! My text editor does that, I am using Brackets.

[@sobeidalagrange7129]

Very clear!!!

[@shaik_mohammedimran]

Hi Awesome tutorial,
I have a Question
How to give the Triangular kind of shape in the tab-Content while creating the Tabs in HTML

[@Coastephoto]

can you also let the color change?

[@dontcare527]

Very cool

[@jasoncarabetta5885]

Nice Job Bryan Mills..

[@vitalinakit6030]

Good job))👍

[@CalerEdwards]

+Vitalina Kit thanks : D

[@OnlineTutorialsYT]

Vitalina Kit also look my channel...

[@sparshdesign6212]

Awesome. Thank you so much

[@arihasan3423]

Thank you so much!!

[@dakuulkid]

How do I make the background to stay behind button 2 after I click it?

[@OnlineTutorialsYT]

u r great

[@CalerEdwards]

:D

[@harindersingh7780]

wonderful

[@OnlineTutorialsYT]

awesome

[@CalerEdwards]

Thanks!

[@tomskywalker6528]

awesome!!

[@CalerEdwards]

+tom skywalker :D

[@VibolSambath]

Never seen that css syntax .btn-one:hover ~ btn-tow {} ? what is it called?

[@CalerEdwards]

Thats just my way of naming classes not sure if it has a name. I think its easier to read over camelCase.
.btn-one:hover or .btnOne:hover

[@jimremanigos1579]

Hi Caler, while typing your code it updates your webpage automatically .It also informs you to any changes you've made like padding and margins.
How did you do that? what software did you use?

[@yaojiexiao2237]

jimre manigos He used Brackets, which comes with a live preview function.

[@jimremanigos1579]

thank you dude , i appreciate the help :)

[@yaojiexiao2237]

Welcome :D

[@FlowerQ155]

Nice !! :D

[@CalerEdwards]

+Veinn Design thank you :D

[@saiajoshuasailo8166]

subscribed

[@Offline1988]

Amaaziiiinnnggggg! Subscribe!

[@maxlinker44]

gg xDDD

[@CalerEdwards]

+MaxLinker44 lol :D