This floating block is perfect for placing an advertising block or banner in it. To create a floating block (floating banner) on your site, you will need to connect the jQuery library. It is connected as follows: The block that will move after scrolling the page should be located inside the parent block and have […]
Continue Reading
Content generation – a powerful tool in the hands of developers – has become available thanks to pseudo-elements ::before and ::after. This feature allows you to use less HTML code to achieve the same results. This is especially useful in cases where you need additional shadows or other visual elements that would need additional span […]
Continue Reading
Currently, if you assign IDs to elements just to apply styles to them, you are most likely doing the wrong thing. CSS 2.1 and CSS3 have introduced some powerful selectors that can make your markup cleaner and your stylesheets cooler. The following selectors are supported by all major browsers, including IE9 and above.
Continue Reading
CSS animation is finally available in all major browsers, even in IE (starting with version 10). There are two ways to create animations in CSS. The first one is very simple, it is carried out through the animation of CSS property changes using the transition declaration. With transitions, you can create mouse hover or mouse […]
Continue Reading
I want to tell you about several CSS properties and values that are rarely mentioned in the literature, but, in my opinion, are of some interest in terms of speed and quality of web interface development. Many of the properties that will be discussed are experimental. Most of them are supported by all modern browsers, […]
Continue Reading
Proper use of them allows you to significantly reduce the time and labor costs for solving certain tasks in CSS. On the eve of the start of the new stream of the Frontend development course, we are sharing with you a description of the practical use of CSS variables in addition to their use for […]
Continue Reading
Until the CSS styles are connected to the HTML page, there will be no effect from their use. There are several ways to do this. In order to demonstrate how each of these methods works, take, for example, an html file with the following content. Option 1. Inside the opening tag using the style attribute. […]
Continue Reading
Thanks to the great and powerful CSS3, we can create a modal window on pure css, without resorting to additional scripts, modules and plugins. Step 1. Creating markup for the modal window Here you can change the title of the modal window and its contents. Step 2. Adding a button to open the modal window. […]
Continue Reading
