css3

How do I align the text in a div so that it is not tilted (without setting the tranform:skew property to the p element)? Tryi ... ); width: 50%; background: yellow; text-align:center; } <div><p>Некоторый текст</p><div>

I write the shape through the img path to the svg file. The font style and path are specified in the file, but the font still ... ="cls-4" style="font-family: 'Exo2'" transform="translate(48.945 33.772) scale(1.165)"> Услуги</text> </svg>

The page has the following html: <div style="border: 1px dotted red; float:left; padding:10px;"> <img id="img" ... h must remain unchanged.And how can I create/edit an image in the img tag from JavaScript code without downloading the file?

I can't understand how svg scales. The viewbox is set via media queries for each resolution or is affected via flexboxes(wh ... these squares then adjust that whether for adaptability? Please help me outline an algorithm of actions. Which way to look..

You need to draw a triangle in CSS. The methods described in the articles use border, they are visually like a triangle, but ... inside. You can make a triangle but so that you can put elements inside? Here is an example of how the result should be:

There is a vertical menu, in which all icons are displayed using the font (Fonts). How to change the icons in the menu to reg ... <li><a href="#"><i class="entypo-lifebuoy"></i>Help</a></li> </ul> </nav>

How to create such a button? The button is transparent, with a gradient at the back. If there was a simple background, it wou ... If you cut with a gradient and position it, then there will be no docks during the adaptive process. Http://prnt.sc/ef3ik4

When auto-filling in inputs, Chrome sets the following styles for auto-filled fields. How do I override or disable these styl ... e following code does not disable autofill styles: input:-webkit-autofill { background-color: transparent !important; }

Interested in what are the best ways to draw (animate the spiral drawing itself) the Fermat spiral on the site? (So that the ... l function, is it only in js? P.S. Please do not give ready-made solutions, but direct by what means it can be implemented.

The case is, getComputedStyle(element).getPropertyValue("transform") returns matrix(a, c, b, d, tx, ty). C translate everythi ... le to a simple person or tell me how you can get the property transform not in matrix, but in scale, rotate, translate, skew?

You need to pave the space .diamond-parent with blocks .diamond. As an option, you can make a png image and pave the backgrou ... lass="diamond-parent"> <div class="diamond"></div> <div class="diamond"></div> </div>

By default, the logo is red and blue. Is it possible to fill the image with white color using css?

Good afternoon. There is a css code that applies the blur filter(5px), but the fact is that it also puts a blur on nested img ... s what happens in the end: Code structure: div.article_content_img > img.article-img How can this be treated? thanks.

When sending a page to print, the preview shows link anchors next to each link, is it possible to disable this feature somehow?

<div class="search"> <p>SEARCH</p> </div> I'm trying to add dotted side margins, like in t ... the sides of the text. How do I do this? Question translation: Diagonal dashed pattern on each side of paragraph@Daniel

What is the difference between ::before and :before? Or ::after and :after?

In this example, the child blocks .row-green do not take into account the vertical collapse of the margins, because they are ... t;/div> <div class="row-red"> <div class="col"> Отступы схлопываются. </div> </div>

Here is my picture with social icons. I need to add them using bootstrap / css. How can I design icon separation using bo ... footer 2--> Picture here Question translation: How to add the footer with social icons in bootstrap? @Prajwal K M

Connected and set less to nodeJS .How to connect less if 2 files for compilation and styles work only in the root folder nodeJS? Or now you need to move all the files for the site to the folder where less?

Hello everyone. I want to add a tooltip using styles. Everything would be fine, but I'm interested in how to add a small corn ... 0%; font-size: 12px; z-index: 999; } <a href="#" class="compare question" data-title="Задать вопрос"></a>