css

Animation in the tilde doesn't work

There is a code, but the zoom animation does not work, that is, the image is smoothly enlarged, but without smoothness return ... } .tn-elem__1630375871470210224069 :hover { opacity: 0.6; transform: scale(1.1); } </style>

Moving the image with the mouse js

There is a picture not wrapped in div. There is also div1, it is empty. There is a div2, it is also empty. There is a div3, ... so that the mouse can then simply hover over any empty div and move it to it by clicking on it. Tell me how to implement it.

Correct background scaling

I can't find the right solution to my problem. you need to scale the background image relative to the size (i.e., at least on ... ut if the picture is smaller than the screen, then it just stretches. and I don't need that. How can this be done using css?

How do I display an image in the desired bokeh when hovering over a small image?

There is a product page with the main picture, under it there are 4 additional images of this product. http://gyazo.com/263 ... t;</li> <li class="slide-3"><a href="#slide-3">картинка</a></li> </ul> </div>

Need a slider on pure css + controls (buttons at the bottom and arrows on the sides)

Looking for the type of such Found a similar one, now you need to make it as in the photo: 1-arrows on the sides to be displ ... > <h2>css3 slider</h2> </div> </div> </div> </body> </html>

How to make an image zoom when clicked with a white border appearing around the image

How to make an image increase when you click on it, with the appearance of a white border around the image and a cross for cl ... " > <div class="features-circle"> </div> </div>

How do I insert a red * in placeholder?

<input type="text" id="reviews_nm" class="input_field" placeholder="Ваше имя*" name="name"> So that the * sign is red?

Transition by linear-gradient doesn't work

Hello everyone When I use color change via hover this way: .button { background: linear-gradient(180deg, #EEF2EE, #D4D4D4 ... m element becomes transparent between the normal state and hover. Help us to implement the color change correctly, thank you!

Positioning the CSS element

There is an image. How do I position the cross (X) in the upper-right corner of the image? The proportions of the image can be different.

How do I set the fat content for the entered text in input? (HTML, CSS)

How do I set the fat content for the entered text in input? Not for placeholder, but for the text that the user will enter. The placeholder should be unchanged in its normal state.

How do I indent the left CSS?

I need to make this header Background-picture. Text - a link to the main page of the site. I got this header How do I ... tion: none; color: #4682B4; } a:hover{ text-decoration: underline; color: #2a52be; } Here is a screenshot from the site.

Define a viewBox for svg, if it is not present in the svg itself

There are two svgs. In the first case, the svg has the specified viewBox="0 0 57.21 126.47" https://jsfiddle.net/5jaLdyex/ & ... oad this svg in the canva constructor, then it will define the size 57.21 126.47 even if the width/height/viewBox is not set.

Why is it that when you specify only the viewBox, the SVG is displayed on the entire browser screen?

Please tell me why the viewBox does not work for svg(the image of the cross).): <svg style="border: 1px solid red" viewBox ... rendered very large. Why is this happening and how is it happening fix it? Example: https://jsfiddle.net/0esaf1rd/1/ Thanks!

CSS and SVG animation what is their fundamental difference?

There are two ways (we do not take the others) to create animation in the Web: SVG and CSS. What is their fundamental diff ... y="198" cx="302.5" fill-opacity="null" stroke-opacity="null" stroke-width="3" fill="none"/> </g> </svg>

How can I increase the size of the external div while increasing the internal one?

Hello. Tell me, I do not fully understand how div layout works. When making up a page, often one div is inside another diva. ... ly with the inner one (so that they were mutually dependent blocks, so that the inner one could not go beyond the outer one).

CSS PHP Line Wrap

Gentlemen! There was such a situation. There is a block with text, the text is output custom. Now, if there are spaces in the ... parts and eventually go beyond its aisles. How can I make such a transfer to fix both cases? Thank you very much in advance!

Popup hint

Good afternoon. You need to make a tooltip above the buttons of social networks of this type tell me the possible implementa ... ref="" class="b-socials__link"><img src="images/icon_social-heart.png" alt=""></a> </div>

How do I make animated text like in Cyberpunk2077?

Do I need to use svg or what? Or something like that I would be very grateful

Press the element to the bottom of the screen if there is no scrolling [duplicate]

This question has already been answered here: ... it should always be pressed to the bottom of the screen or the bottom of the page if there is vertical scrolling. Any ideas?

Relative positioning + adaptability

How can I remove the offset of a block that is positioned relative to another block approximately in the center? With the scr ... of">Photographer</div> </div> </div> </div> </div> </section>