Everything about creating and promoting websites

This resource contains useful materials for webmasters and seo specialists. WEB Golovolomki is a community of people who are ready to help others in solving tasks on sites.
31 posts
18 posts
8 posts
14 posts
New video on YouTube channel

New posts

Publications written by community members. The main goal is to share knowledge in a given area.

Useful - 12
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 - 44
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 - 5
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 - 85
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 - 3
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 - 5
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 - 8
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 - 2
In this article, I'll show you how you can replace the standard Wordpress logo on the login screen with your own using code. So, you're trying to login to the site through the wp-login.php page....
Useful - 18
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: 14205
Appearance of elements on scrolling
Views: 13437
How to make a button click effect in CSS
Views: 4766
How to make a smooth zoom of the image on hover – effect on pure CSS
Views: 4558
How to center an image with CSS
Views: 4419
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;
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.


Ask a question, get an answer!

🔥Popular questions
Send the form 👇