css

Center alignment of the menu

Help align the css menu in the center. I tried everything, nothing comes out, maybe you will. Here is the code. .hovermenu ul ... kground - color: #1E90FF; } html>body .hovermenu ul li a:active{ /* эффект при наведении мыши */ border-style: solid; }

Smooth appearance of the image from left to right

Now the whole picture appears smoothly how to make it appear smoothly from left to right that is, as the right part is first ... lide" src="https://cdn.pixabay.com/photo/2019/08/26/06/40/table-mountain-4430922_960_720.jpg" /> <!-- partial -->

How to color even lines

It is not possible to fill in even rows, the formula always starts working with a new column. .container1 { border: ... gt; <div class="cn2"> 303</div> <div class="cn2"> 201</div> </div> </div>

How do I create a cube with only HTML and CSS?

I have this code, and I want to make a cube with HTML and CSS, just like in the picture above .mainDiv{ positio ... ade to the code? Free translation of the question How to create a cube with only HTML and CSS? from member @Sunil Gehlot.

How to make a smooth image appearance when opening a site for the first time in css?

There is a picture on the site header and I want this picture to appear smoothly on the screen when the user opens the site i ... of the rough normal loading. How can this be implemented without using js only on html + css? I would appreciate your help.

How do I make such a parallax effect?

How to make the same effect as on the site https://www.fotonaut.cz/en/ ? I am interested in the behavior of pills (tablets), ... And they move even when the mouse doesn't move. I am interested in this effect. Does anyone know how to do this?)) Thanks!!!

How do I find out the size of the running browser window?

I'm new to Javascript and I need to find out the dimensions of the executing browser window, and set these dimensions in < ... t.documentElement.clientHeight : document.body.clientHeight; } </script> How do I set these values to <div>?

Rotation of the background image when scrolling the page

body { background-image:url(cog.svg); background-size:auto 100%; background-position:center; background-attac ... otates clockwise, turn up-against. I take it you can't do without javascript? Please tell me something useful on this issue?

Center alignment of the image div

There is html: <div class="row"> <? for($i=0; $i < count($alumni); $i++) { ?> <div c ... ; margin: 0px; padding: 0px; } You need to align the image in the center, and it does not align. Who can suggest other ways?

css: background filters

Can you tell me if css has filters for background, especially interesting is hue I want to change the background icon when th ... ilter: hue(...); } P.S. The icon-pictogram is one-color and it is easy to change just the color for it, for example, to blue

Why do I need the clear attribute in CSS?

Why do I need clear in CSS? Also, why do I need a separate block . clearfix? With float, I figured out so that the text flows around the image, but why do I need the clear: both; attribute or its other values, I can't figure out. Please help

How do I turn off input type=radio?

When you click on input type=radio, it turns on, but when you click on the same input again, nothing happens, is there any wa ... either through an attribute in html or in css, but if there are no such options, then there is already a sample code in js.

How do I make this effect when hovering over an image?

How do I make such a hover effect? Without hover, what effect should there be? What image format do you need?

Dynamic shadow from the video

I have a video and I want to make a dynamic shadow of it. I was never able to do it, but I was able to do it with the image: ... block: <video autoplay muted loop id="awesomeVideo"> <source src="video.mp4" type="video/mp4"> </video>

Positioning using position: absolute; and margin/padding

Is it possible to position objects during layout using the position: absolute; tag and applying margin/padding?

How to create a mobile version of a website

I need to create a mobile version of the site, which is radically different from the computer layout and css. This is not just an adaptive template. The question is, how do I do this?

When you click on the video, zoom in to full screen

Hello everyone I need your help. I made the video playback on hover, and now I need it to increase the full screen when I cl ... function() { this.pause(); }) <video> <source src="video/fortnite.mp4" type="video/mp4"> </video>

How do I make the modal window close when I click on the area around the CSS window?

Faced with the problem that I do not know how to close the modal window when you click around this window, on the page itself ... oes not work, the block appears instantly, and sometimes smoothly if you just reload the page, tell me in what is the reason?

How to implement animation of smooth morphing of image borders?

There is a picture, when hovering, its borders should start to randomly float, bend, until the cursor is removed. As far as ... ted to svg morphing, but I didn't find an example. Only pure svg animation, no picture. Maybe someone has a specific example?

Input placeholder

How do I make sure that the placeholder is not hidden when entering the input? input,select,textarea{ border-radius: ... ail" value="" placeholder="Email"> <input type="text" class="field" name="password" value="" placeholder="Пароль">