Category: Website layout

👍
Useful - 14
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...
👍
Useful - 13
Button with flare: how to make an animated flare on pure CSS
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 - 32
Smooth link underlining on hover with pure CSS
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 - 87
How to make a smooth zoom of the image on hover – effect on pure CSS
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
🏆Best Link Exchanges
4.8
2
4.0
3.8
4
GoGetLinks
3.5
5
Miralinks
3.5
Our rating
🏆The best website hosting
9/10
8/10
8/10
4
8/10
8/10
7/10
7/10
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
Peach Fuzz
🤔Color of 2024
The Pantone Research Institute has chosen the main color of 2024. It became a delicate velvety peach shade, called Peach Fuzz.
#febe98