How to create a portfolio with hover effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3

Channel:
Netherlands Code With Dary
Subscribers:
64,599
Published on ● Video Link: https://www.youtube.com/watch?v=lIa4o1OOnis


Category:
Tutorial
Duration: 17:55
947 views
34

Want to learn HTML5 and CSS3 from scratch?

This is the 24th episode of my “Learn HTML5 and CSS3” course. In this course, we will learn everything about how we can create markup for a website. At the end of the course, I will add some full tutorials where I will be creating famous websites from scratch. So, if you have any suggestions, just let me know and I might make a video about it!

In this episode, I want to create a complete portfolio page where you could place your portfolio items with a cool hover effect. Whenever you hover over a portfolio item, the opacity will change to a dark color, and text will appear on the screen.

My official websites for questions or anything else:
https://www.darynazar.com

Follow me on social media
https://www.instagram.com/darynazar/
https://www.linkedin.com/in/dary-nazar-61502ab2/

I’ve also created a full “PHP & MySQL for beginners” course that can be purchased on Udemy:
https://www.udemy.com/course/php-mysql-course-for-absolute-beginners/?referralCode=6A17EB0F510E4F181928



Other Videos By Code With Dary


2020-03-04Using the print statement | PHP for beginners | Learn PHP | PHP Programming | Learn PHP in 2020
2020-03-02Using the echo statement | PHP for beginners | Learn PHP | PHP Programming | Learn PHP in 2020
2020-03-01How to use PHP code in HTML5 | PHP for beginners | Learn PHP | PHP Programming | Learn PHP in 2020
2020-02-28Installing Brackets with extensions | PHP for beginners | PHP Programming | Learn PHP in 2020
2020-02-26Installing XAMPP on a mac | PHP for beginners | PHP Programming | Learn PHP in 2020
2020-02-24Course Overview | PHP for beginners | PHP Programming | Learn PHP in 2020
2020-02-23Designing a beautiful contact form | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-21How to create a blur effect on image | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-19How to create a grayscale effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-17How to create a zoom in effect on hover | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-14How to create a portfolio with hover effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3
2020-02-12How to use WhatsApp “Click to Chat” | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-10How to create an awesome footer | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-07How to create HTML5 videos | Creating embedded videos | Introduction to HTML5 and CSS3 in 2020
2020-02-05How to float 3 div boxes side by side | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-02-03Introduction to CSS3 Grid | Crash Course | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-31How to create a CSS3 scroll indicator | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-29How to use font awesome icons in 2020 | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-28Creating a parallax background effect | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020
2020-01-27How to create an awesome navigation in 2020 | Introduction to HTML5 and CSS3 | HTML5 and CSS3
2020-01-24What goes inside the body element? | Introduction to HTML5 and CSS3 | HTML5 and CSS3 in 2020


Tags:
Html5
html
css3
css
website
markup
webmarkup
designing
webdesign
programming
portfolio
hover
text on hover