HomeОбразованиеRelated VideosMore From: Codegrid

Adding Social Media Icons | HTML & CSS

562 ratings | 27869 views
This Tutorials Shows How You Can Add Social Media Icons To Your Website. Font Awesome - BootstrapCDN : https://www.bootstrapcdn.com/fontawesome/ Font Awesome Icons : http://fontawesome.io/icons/ ---------------- Social Media ---------------- Personal Account : https://www.instagram.com/harrnish/ Facebook : https://www.facebook.com/codegrid.web/ Instagram : https://www.instagram.com/codegrid.web/ Twitter : https://twitter.com/codegrid_web Thanks For Watching ! Music: Steve Angello Vs. Dimitri Vangelis & Wyman - Payback (Dropwizz Trap Remix) : https://www.youtube.com/watch?v=WaPOA... Credits : Dropwizz : http://facebook.com/dropwizz http://twitter.com/dropwizz http://soundcloud.com/djdropwizz
Html code for embedding videos on your blog
Text Comments (17)
Codegrid (28 days ago)
These are some of the books that can help you learn web designing - 1. Web Design with HTML, CSS, JavaScript and jQuery Set - https://amzn.to/2T3WViK 2. HTML 5 Black Book (Covers CSS3, JavaScript, XML, XHTML, AJAX, PHP, jQuery) 2ED. - https://amzn.to/2DtVBAo 3. JavaScript and JQuery: Interactive Front–End Web Development - https://amzn.to/2R78ofJ 4. Web Animation using JavaScript: Develop & Design (Develop and Design) - https://amzn.to/2AZ3vQF 5. Mastering SVG: Ace web animations, visualizations, and vector graphics with HTML, CSS, and JavaScript - https://amzn.to/2S1dj6p
Sean de Groot (8 days ago)
Tutorial: Great Music: Fuck dude
Veton Shala (2 months ago)
In case that your background code doesn't work use this instead of -web kit- >>> @keyframes Gradient { 0% {top: 0px; left: 0px; background: #3333ff;} 25% {top: 0px; left: 100px; background: #cc33ff;} 50% {top: 100px; left: 100px; background: #f73c7f;} 75% {top: 100px; left: 0px; background: #ff0066;} 100% {top: 0px; left: 0px; background: #3333ff;} }
Jorge Benavente Rico (2 months ago)
How did you do that move-background color?
youssef karim (26 days ago)
go to youtube and search for (Gradient Background Animation Using Only HTML & CSS )
warfbcf (3 months ago)
thanks, great video
Charley Shiman (5 months ago)
Thanks a lot. Especially for the background example.
Ruslan Anisimov (7 months ago)
Veru nice! Thanks a lot for your tutorials!
Osmei G (7 months ago)
Muy bueno! Saludos desde Argentina!
Osmei G (7 months ago)
Lautaro Damore ?????
Lautaro Damore (7 months ago)
Iba a poner lo mismo jajajaj
Zition Nils R. (8 months ago)
why does the background look so good, with me he is brown?
Zition Nils R. (7 months ago)
Sync (7 months ago)
He did a webkit animation of gradient. You can use keyframes to change from one color to another if you want to too.
david smith (8 months ago)
Thank-you !
Augusto (9 months ago)
I am having a big problem! I type the code exactly as you do, but nothing happen!!! (The only thing that actually appear on Chrome is the small icons and the title with no modification. Can you please help me?? (I use Sublime)
Obliq (1 year ago)
Yo please could you help me out? I've followed the steps, everything works fine when I view the site locally but once I upload it on the net the social links move to the bottom and show in a list without the circle border

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.