css
Menu Accordion, CSS, vue
You need to implement an accordion menu. When you click on a block with a first-level header, the content block should smooth ... ess the second option for me is NOT it works. What implementation options are available? How do I make a competent accordion?
Glow effect when hovering over icons
How can I make a neon hover effect on social network icons?
I already tried box-shadow: 0 0 20px #......;, when hovering over it, a neon square is created, and I need the icon itself to glow, not the area around it.
CSS float and display:block
Hello everyone.
I can't get the div to be displayed as a block element.
<div style="display:block;">
& ... ake them appear as a block element of the page?
If you set
for the first block, then everything is displayed as intended.
Why is the size of the browser window on a mobile device different from the resolution of the phone screen
For example, take the Iphone X. The screen resolution is 2436×1125. But if you open the toolbar in chrome, and select the display mode of the same Iphone X, then we see completely different numbers. 375x812. Similar to any other mobile devices
How do I change the background of a text field?
<input type=text>
How do I change the input background using CSS?
How to properly enable styles for the mobile version of the site
There is a site that is written for desktops, now you need to make it responsive for mobile devices, I do
@media screen and ... it otherwiseP. S. S. The answers that I found googling my question were 3-8 years ago, I thought that something could change
Rubber modal window
There is a modal window layout:
How can I make it with HTML+CSS so that it is rubbery in width and height?
My option:
&l ... gt;
<!-- И так далее, в общем -->
</div>
So, the question is this: please tell me how it is done correctly?
float when position: fixed
Hello, why does float stop working when setting position? Example:
<div style="position: fixed;">
<div style="float: left">
left
</div>
<div style="float: right">
right
</div>
</div>
Background-image doesn't work
Hello! The background-image property does not work in the css file.
The file is located in the css folder.
css/style.css
bod ... t;
</head>
<body>
</body>
</html>
Can you tell me why it doesn't work if I place in in the css file?
Where to get svg, png icons and how to use them for different screen resolutions?
I can't find the icon in svg, so I decide to add it using a regular png. I want to make everything look good regardless of th ... look for the 2x, 3x versions of images? Does the designer add them to the layout himself? Or are you looking for it yourself?
Frame around the text with the title
How to make a frame around <p> with a header of the type <legend>, I know that they are intended for different pu ... w to make this type:
This is done using h2 with a white background that covers the line, as well as p and a border around it
How to make three columns in css
Please tell me how to use css to make three horizontal columns ?
I made two, but I can't figure out how to deal with the cen ... : 48.6%;
float: left;
}
#column-2 {
}
#column-3 {
border: 1px solid #DDD;
padding: 10px 10px;
width: 48.6%;
float: right;
}
The " Up " button using CSS
Show an example of the "Up" button that appears when the page is scrolled down, and clicking on it should return the user to the top of the page. Preferably, using CSS.
Animate smooth color changes using SVG or CSS
<svg viewBox="0 0 520 520" width="500" style='border: 1px solid black'>
<defs>
<linearGradient id="MyGr ... top>
</linearGradient>
</defs>
<circle cx="75" cy="75" r="70" fill="url(#MyGradient)"/>
</svg>
How to make sure that when you click a button, a random text (element) is taken from the array and displayed on the site. Html/Css/Js
I'm a beginner, I've been learning html/css/js for about 1 month. I have such a problem. I need that when you click on the bu ... ase">
Место отображения текста (чуть выше)
</span>
</div>
</body>
</html>
Make an analog of border-radius for svg circle?
There is such a progress bar with svg. Is it possible to somehow make the circle have rounded edges when the values are < ... t;/svg>
</div>
<label for="percent">Type a percent!</label>
<input id="percent" name="percent">
SVG Why CSS animation stroke-dashoffset doesn't work
Tell me why the animation of the "growing line" stroke-dashoffset does not work ?
.box_success__img {
width: 60px;
}
... </clipPath>
</defs>
</svg>
How to set margin: 0 auto; position absolute
How to set margin: 0px auto; position: absolute;
The problem is that the element in the center does not become
Image preview when loading in input type= " file"
I try to make a preview of the image when loading in input type="file"
On stackoverflow there are examples of solving this pr ... v>
</div>
</div>
</fieldset>
</form>
Help me figure out what the reason is.
Selecting the select element using jQuery
I have this problem:
There is a Select:
<select id="make" name="make">
<option value="0"> ------------------ ... esult, please help me how to make the element with value='Mazda' visually selected, of course it should be selected for real.