Category: Website layout

Useful - 5
HTML is Hypertext Markup Language. But this is a set of incomprehensible words for beginners. What is hypertext markup anyway? Let's keep it simple, so that someone who hears about HTML for the sec...
Useful - 5
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 - 21
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 - 8
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 - 6
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 - 35
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 - 76
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 - 33
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 - 31
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 - 157
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. ...
CSS Головоломки в Telegram
Subscribe and don't miss:
Actual news
Interesting puzzles
Useful links
Our rating
🏆The best website hosting
Что читают?
🏆Популярные записи
How to make a burger menu – complete code and detailed explanation
Views: 56412
How to make a smooth zoom of the image on hover – effect on pure CSS
Views: 42571
Appearance of elements on scrolling
Views: 41855
How to center an image with CSS
Views: 25881
How to make a button click effect in CSS
Views: 19445
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;
Viva Magenta
🤔Color of 2023
The Pantone Research Institute has chosen the color of the year for 2023. They became a carmine-red shade with a purple undertone, which was called Viva Magenta.