Category: Website layout

👍
Useful - 5
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 - 8
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 - 15
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 - 35
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
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: 27370
Appearance of elements on scrolling
Views: 23795
How to make a smooth zoom of the image on hover – effect on pure CSS
Views: 14740
How to center an image with CSS
Views: 12969
How to make a button click effect in CSS
Views: 9780
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
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.
#bb2649