Janis  Smitham

Janis Smitham

1626797220

How to Create A Zoom in Effect on Hover - Introduction and Learn HTML5 and CSS3

Want to learn HTML5 and CSS3 from scratch?

This is the 25th 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 pretty cool zoom in effect whenever someone hovers the portfolio image.

#css3 #html5 #effect on hover

What is GEEK

Buddha Community

How to Create A Zoom in Effect on Hover - Introduction and Learn HTML5 and CSS3
Janis  Smitham

Janis Smitham

1626797220

How to Create A Zoom in Effect on Hover - Introduction and Learn HTML5 and CSS3

Want to learn HTML5 and CSS3 from scratch?

This is the 25th 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 pretty cool zoom in effect whenever someone hovers the portfolio image.

#css3 #html5 #effect on hover

Janis  Smitham

Janis Smitham

1626793560

How to Create A Portfolio with Hover Effect - Introduction and Learn HTML5 and CSS3

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.

#css3 #html5 #hover effect #portfolio

Janis  Smitham

Janis Smitham

1626749400

How to Create Links in HTML5 - Introduction and Learn HTML5 and CSS3.

Want to learn HTML5 and CSS3 from scratch?

This is the twelfth 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 focus on creating links in HTML5. Links are very important because it is a connection from one website to another, or to another page on your own domain by clicking on words, phrases, or even images.

#css3 #html5 #create links in html5

Janis  Smitham

Janis Smitham

1626727320

How to include Our CSS3 File In Our HTML5 - Introduction and Learn HTML5 and CSS3

Want to learn HTML5 and CSS3 from scratch?

This is the sixth 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, we will look at the three different ways how you could add CSS in our HTML code. The first one will be adding the style element inside our head element. The second method is adding it directly inside of the element that you want to style. And the last one is creating a new file in our root folder with the .css extension, adding our CSS code right inside of in, and referring to it with the link element. A link element is used to define a relationship between an HTML document and an external resource.

#css3 #html5 #our css3 file in our html5

Janis  Smitham

Janis Smitham

1626731040

How to Use Comments in HTML5 and CSS3 - Introduction and Learn HTML5 And CSS3

Want to learn HTML5 and CSS3 from scratch?

This is the seventh 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, we will be adding comments in HTML5 and CSS3. I will also talk about the advantages of using comments and why you should use comments. There are more reasons why you should use comments than I explained in the video so I will add a couple extra right here.

  1. Commenting code blocks out
    Being able to comment out in HTML helps in easy debugging or testing. Sometimes you find errors in your code but aren’t sure where or what is the exact problem.

  2. Understanding your own code later on
    html comment tag provides us flexibility to understand it better way. According to our experience, Finest developers need to memorize it and utilize it during writing code

  3. Comments show respect for the next developer to read your code
    Source code should be written in the way that you yourself would most like to encounter unfamiliar code

#css3 #html5 #comments in html5 and css3