css3

.nav { list-style: none; width: 65%; margin: 50px auto; padding: 15px; border: 1px solid black; displa ... are applied. In the nav class, without removing flex-wrap: wrap, flex-direction: row\column; it works. What is the problem?

Please tell me how to make the link on the block clickable? I think that the problem is in the z-index property, but for some ... ">Ссылка на блоке</a> </div> </div> <a href="http://www.google.ru">Ссылка вне блока</a>

I need to animate a radiation safety sign. The animation should be implemented by drawing the contours of the sign and the ... s are allowed: css3, smil svg, Javascript I would really like to get a few answers, with a variety of execution techniques.

Please tell me if it is possible to use gradients (or some other technology) to make a background image-a background for the ... and I do not want to throw in 3mB, and when compressing this photo I lose the quality) the biggest problem with clouds.

There are 2 div <din class="div1"></din> <din class="div2"></din> Css: .div1 { background: rg ... play: none;, but this breaks the animation and the block appears abruptly, how can I fix this? Http://jsfiddle.net/sqjr1dvy/

Usually drawn using border: #trapezium { height: 0; width: 120px; border-bottom: 120px solid #ec3504; ... } <div id="trapezium"></div> How do I draw a trapezoid with a border on css? i.e. border on top of border

I'm doing the style animation function, I ran into the problem of translating units of measurement. Suppose I need to animate ... the width of the parent. But if the parent also has padding specified (and also in%), how do I find out the content width ?

I can't figure out how to set stroke-dasharray and stroke-dashoffset correctly. I have the result in the picture above, below ... 5" fill="gold" stroke-width="20" stroke="yellowgreen"></circle> </svg> svg { border: 1px solid #dddddd; }

How to make such transparent triangles on the left and right? Here is the solution I made: DEMO .t-title{ font-fa ... <polygon points="0,0 420,0 405,21 420,42 0,42 15,21" style="fill:#f7b707;" /> </svg> </div>

I want to make a smooth drawing of svg when loading the page, but the problem is that the circles are different (the screensh ... ;stroke-width:2;stroke-miterlimit:10;} </style> <circle class="st0" cx="189" cy="190.5" r="183"/> </svg>

There is a block stretched across the entire width of the screen, with an artistic image as the background. When scaling the ... learn from professionals how it is customary (and correct) to do this, perhaps there are other ways that are more acceptable.

Closed. It is impossible to give an objective answer to this question . Answers to it are not accepted at the moment. ... Расстояние от нижнего края окна браузера */ position: absolute; /* Абсолютное позиционирование */ left: 1365px; }

There is a div, inside it img of arbitrary size. We need to make the center div and img the same, more clearly in the picture: I know about the margin: 0 auto horizontal alignment, but how do I combine this with the vertical alignment?

There is a code: <div class="main" style="background: #acdf43; text-align: center;"> <div class="cent" styl ... x;">000</div> </div> </div> You need the cent block to be centered. Now it looks like this:

How to make a horizontal menu pop-up when clicking on a hamburger on a pure javascripte, when adapting? Here is the html cod ... n></span> <span></span> </div> </div> </nav>

On the site: CSS Tricks-Shapes of CSS there are many different forms of CSS, and I am particularly puzzled by the triangle. ... ng answers from this Enso topic. Free translation of the question How do CSS triangles work? from member @Stanislav Shabalin.

I am studying SVG, and I would like to know if it is possible to create such a glow effect with SVG, interactively, as in the ... </div> Free translation of the question Is it possible to create a glow effect in SVG from participant @HoCo_.

Https://cpeople.ru/portfolio/ the portfolio has an svg icon, which animates the arrow along with the rectangle when you hover ... stroke="#626363" stroke-width="1px" style="display: none;"> </path> </g></g></g> </svg>

How do I make the border circles on css, as in the picture, without using a repeated image of the circle, but at the same time, so that the number of circles differs with different screen sizes? Cross-browser compatibility is welcome.

The site will be made on WordPress and then you need to not just adapt it with the help of media queries, but make a separate ... the mobile version and do the integration again from scratch? Or the mobile version can be made in one installing WordPress?