Category: Website layout

👍
Useful - 2
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...
👍
Useful - 10
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...
👍
Useful - 3
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 ...
👍
Useful - 3
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...
👍
Useful - 14
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...
👍
Useful - 48
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...
👍
Useful - 3
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. ...
👍
Useful - 14
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 ...
👍
Useful - 97
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. ...
👍
Useful - 4
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...
CSS Головоломки в Telegram
Subscribe and don't miss:
Actual news
Interesting puzzles
Useful links
Our rating
🏆The best website hosting
9/10
8/10
8/10
4
8/10
8/10
7/10
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