Style Fancy Buttons: CSS Tutorial (Day 1 of CSS3 in 30 Days)
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
Onwuasoanya
Thank you, Brad and FCC. Awesome work!
At 15:34, the reason why the 3D button is darker on the hover is that you're telling the browser(CSS code) to only show 30% of light on the colour selected with hsl method. When you reduce the light shown on an item it gets darker. The original .btn-3d-1 class presumedly sets the background colour at normal light of hsl (i.e 50%).
reply
Thank you, Brad and FCC. Awesome work!
At 15:34, the reason why the 3D button is darker on the hover is that you're telling the browser(CSS code) to only show 30% of light on the colour selected with hsl method. When you reduce the light shown on an item it gets darker. The original .btn-3d-1 class presumedly sets the background colour at normal light of hsl (i.e 50%).
reply
Murugappan
Hi Brad, I am not sure if you are still in touch with this video, but one thing for sure the buttons did not result in the way you show on the video. I guess it is because on Mac and I am on Windows. Better check as you own Final result has the same problem.
reply
Hi Brad, I am not sure if you are still in touch with this video, but one thing for sure the buttons did not result in the way you show on the video. I guess it is because on Mac and I am on Windows. Better check as you own Final result has the same problem.
reply
Bassel
sorry but i cant get the folder in the description so please could you upload it again or try another way because the dropbox doesnt allow the download process and actually this problem is in all attached files to evevry single video you made in this series
reply
sorry but i cant get the folder in the description so please could you upload it again or try another way because the dropbox doesnt allow the download process and actually this problem is in all attached files to evevry single video you made in this series
reply
Czarek
Hello. Sorry for my english. I was dreaming about that course fo amaizing styles. I was wanting learn CSS long time ago. Thank you. Buy I have problem. I copy all files whydout sandbox and I write in sandbox.css samselves nothing change in page.
reply
Hello. Sorry for my english. I was dreaming about that course fo amaizing styles. I was wanting learn CSS long time ago. Thank you. Buy I have problem. I copy all files whydout sandbox and I write in sandbox.css samselves nothing change in page.
reply
evgenia
Good thing I checked this, half way though. This Css does not attach to html in Vcode. So, its not very useful when one cannot see results and mistakes. Cool idea for a course, through. I would be intrested in following a Vcode one.
reply
Good thing I checked this, half way though. This Css does not attach to html in Vcode. So, its not very useful when one cannot see results and mistakes. Cool idea for a course, through. I would be intrested in following a Vcode one.
reply
MD
I want Arabic sub
In All your programming videos Because
I want the Arab world to Learn programming from Your distinguished explanation
Because not all People are good at English language
reply
I want Arabic sub
In All your programming videos Because
I want the Arab world to Learn programming from Your distinguished explanation
Because not all People are good at English language
reply
Abhijit
does anyone understand the logic of the little triangle for the 3D button? having just one border is suppose to make it like a square I thought, how is this becoming a triangle ?
reply
does anyone understand the logic of the little triangle for the 3D button? having just one border is suppose to make it like a square I thought, how is this becoming a triangle ?
reply
Aleksandar
thanks a lot for the hard work, even tho i don-t understand everything, i still learn a lot :) btw isn't it better to check the box with a tick sign at the last example?
reply
thanks a lot for the hard work, even tho i don-t understand everything, i still learn a lot :) btw isn't it better to check the box with a tick sign at the last example?
reply
luis
Holaaa una consulta, en el .btn-3d-1:active::before y .btn-3d-1:active::after no es mejor colocarle un display none para eliminar los pseudoelementos que estamos creando?
reply
Holaaa una consulta, en el .btn-3d-1:active::before y .btn-3d-1:active::after no es mejor colocarle un display none para eliminar los pseudoelementos que estamos creando?
reply
Shubham
I'm going to master CSS now,I've learned basics. Somebody please tell me is it anything and everything I can hope for? It seems they have explained in depth.
reply
I'm going to master CSS now,I've learned basics. Somebody please tell me is it anything and everything I can hope for? It seems they have explained in depth.
reply
Add a review, comment
Other channel videos
