css3

There is a Flexbox grid. .flex { display: flex; flex-wrap: wrap; border: 2px solid red; } .item { width ... ing"></div> </div> How do I move .new-string to a new line along with the elements that come after it?

You need to make a proper grid using CSS and preferably Flexbox. This is what it looks like for me now: What's wrong her ... e grid element is 100px and the padding is 2px, the maximum padding to the left and right of the grid element block is 35px.

Colleagues, I'm confused. I specify transform: translate(x,y) for ::after and change the vertical position of the element wit ... ; transform-origin: 0 100%; transform: translate(50%, 0%); } .some:hover:after { transform: translateY(10px); }

A dot moves across the screen. You need to do the following: 1) The movement should not occur all over the screen, but in t ... .9; //animation: flash 1s linear infinite; } <div id="box"> <div id="dot"></div> </div>

I want to create a line before and after the centered header. The line and text must have a transparent background to be able ... gt;Today</h1> Free translation of the question Line before and after title over image from the participant @JUO.

Please tell me if it is possible to achieve the effect, the so-called growing curve, implemented by changing the value of str ... 21.5" /> </symbol> <use xlink:href="#myLine" class="st1" /> </svg> Preferably using CSS

I almost won in an unequal battle with the adaptive menu with pictures on flex. But when checking the adaptability with a st ... the flex-basis task. Ahn, it's not working. Again :(( Correct me, friends, where am I wrong? I just started learning flex :(

How do I make the image increase evenly? Now it increases to the right and down: <img style="position:absolute; top:760px ... pacity:0; } .img-header:hover { width:250px; opacity:1; cursor:pointer; } </style>

Hello, dear experts! Such a problem: on some mobile devices, the background is not drawn completely... .header { heigh ... at top center; background-size: cover; } Screen: http://prntscr.com/781vxs What could be the problem and how to solve it?

Today I accidentally came across examples of working with the pseudo-class :root. The scope of application is quite wide. I w ... color); color: var(--secondary-color); } <div>I am an example!</div> More examples can be found here.

.features { width: 695px; margin: 0 auto; text-transform: uppercase; font-size: 18px; } .f1 { float: ... <p>гарантированная сатисфакция</p> </center> </div> </center> </div>

I'm looking for ways to create an adaptive trapezoid shape that can be implemented using CSS, SVG or Canvas. I was able to c ... menting shapes in the form of a trapezoid are collected here. Such forms can be used for web elements in large banners, menus

Tell me the simplest and cross-browser version of applying a background or picture to an image. You need to stupidly darken i ... 72.jpg"><img class="" alt="alt" title="title" src="http://gdefon.org/_ph/8/1/478317672.jpg"></a> </div>

Is it possible to draw a gray block to the expanded text? You can pull through the shift by relative, but then the moved ones ... <span>ТЕКСТ</span> </div> <div class="specBox"> <span>ТЕКСТ</span> </div>

There is a task to animate a bitmap sprite using the animation smil svg of a walking person together with the animation (para ... rateful to anyone who will indicate the address of the copyright holder. Picture of a part of the mountain background

There is such a question. I have a calendar icon on my website. I would like to create the same icon using css. In my opinion, this is possible, but so far it is not possible to do what you want. Here is the icon itself.

How to implement the chaotic movement of letters that add up to a word at the finish line. At the beginning of the process ... in several different positions. But it will be sheets of code. Is there a more efficient solution without using Javascript?

Hello. In Google Maps, you can put your own marker instead of the standard one. To do this, you need to specify the url to y ... do I make it so that instead of a standard marker, I don't set an image, but my own HTML code, where there will be anything?

Again, I have to ask for advice. I created the following code in the gradient generator: background: -moz-radial-gradient(ce ... determine the gradient to the html tag, to the container, but it still didn't work for me as it should. Thank you in advance.

Hello, tell me, please, in general terms, how is this vertical multi-level menu made? In what direction do you need to move ... use? There you need to click on the cross next to the sub-item, at the bottom of the additional sub-items open. Thank you