Category: Website layout

Useful - 11
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...
Useful - 10
In this article you will learn how to make an animated button flare. We will do it with CSS-animation, using keyframes. No JS, just HTML and CSS. DEMO Now let's do it in order. First, let's c...
Useful - 23
In this article, I'll tell you how you can make a smooth link underlining on hover. This will be implemented with CSS, without using third-party libraries. Let's say you have a link: <a h...
Useful - 57
After reading this article, you'll learn how to make the image smoothly zoom when you hover the mouse. And not just increase in size, but create a zoom effect. We will only use HTML and CSS. We ...
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: 43504
Appearance of elements on scrolling
Views: 33720
How to make a smooth zoom of the image on hover – effect on pure CSS
Views: 30119
How to center an image with CSS
Views: 22105
How to make a button click effect in CSS
Views: 15190
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.