Category: Website layout

Website layout
👍
Useful - 2
How to set the text color in CSS – change the text color with styles
Answer to the question So the answer to the question "How to change the color of text in CSS" is pretty simple - with the color property. It's enough to set to the desired selector (element, cla...
Read more
Website layout
👍
Useful - 10
How to darken the background (images) in CSS
Let's say right away that there are various ways to solve such a problem as darkening the background of a picture. There is no single correct method. You do it in the way that suits you best and su...
Read more
Website layout
👍
Useful - 3
How to add comment in CSS
How to properly add comment to code in CSS. Suppose you want to temporarily disable some styles, but do not want to delete the code. To do this, you can use a special code for commenting: /* h1 ...
Read more
Website layout
👍
Useful - 3
How to make the clickable phone number on the website
You need to know one little secret to make call-able phone number on any site. The secret is that a clickable phone number is a link that starts with tel: That's it. Knowing this, you will now b...
Read more
Website layout
👍
Useful - 14
How to make a button click effect in CSS
Here you'll learn how to make the button press-in effect in CSS. We'll tell you ahead of time that there's nothing complicated here, any beginner will be able to cope with it. Example What we...
Read more
Website layout
👍
Useful - 48
Appearance of elements on scrolling
In this article, we'll look at how you can make elements appear smoothly when the page is scrolling. We'll use CSS and some native JS, no third-party libraries. Buckle up! You've probably see...
Read more
Website layout
👍
Useful - 3
How to use CSS to change the image on Hover
How do you can change the image on Hover? This can be done with CSS. A ready example: See the Pen How to use CSS to change the image on hover by kirill (@kirivaha) on CodePen. ...
Read more
Website layout
👍
Useful - 14
How to center an image with CSS
In this article we will discuss what methods are available for aligning the image to the center of the block. Let's create our markup to work with. Create a .wrap class and add an image with ...
Read more
Website layout
👍
Useful - 97
How to make a burger menu – complete code and detailed explanation
This is quite a popular request - how to make a hamburger menu. I will show you a variant using HTML, CSS and JS. This is an adaptive variant, which means it will work on mobile devices as well. ...
Read more
Website layout
👍
Useful - 4
How to change the color of a button: full instruction for beginners
We will change the background and text color of a button on hover. We will use two methods. The first method is to change button's background and color. The second is to change button's backgrou...
Read more
Next Page »
CSS Головоломки в Telegram
Subscribe and don't miss:
Actual news
Interesting puzzles
Useful links
Go to Telegram
Our rating
🏆The best website hosting
1
Ukraine
9/10
2
HostPro
8/10
3
TutHost
8/10
4
Hostiq
8/10
5
Cityhost
8/10
6
Freehost
7/10
7
UAhosting
7/10
Что читают?
🏆Популярные записи
How to make a burger menu – complete code and detailed explanation
Views: 18285
Appearance of elements on scrolling
Views: 16839
How to center an image with CSS
Views: 6953
How to make a smooth zoom of the image on hover – effect on pure CSS
Views: 6789
How to make a button click effect in CSS
Views: 6209
Check of knowledge
🤔How well do you know CSS?
Есть два блочных элемента, которые идут друг за другом в html. Какой будет оступ (margin) между ними, если задать им такие стили: 

.top {
  height: 30px;
  background-color: blue;
  margin-bottom: 10px;
}
.bottom {
  height: 30px;
  background-color: red;
  margin-top: 20px;
}
10px
20px
30px
Very Peri
🤔Color of 2022
The Pantone Color Institute has announced the color of the year 2022. It's a shade of lilac lilac shade called 17-3938 Very Peri.
#6667ab