css3

Vertical-align doesn't work

There is a parent div (green in the example picture) and there are two independent div blocks with text and other elements in ... his word how to use vertical-align: middle, but the result is not what you need. It turns out identical as if I wrote bottom.

Cropping text in CSS

You need to crop the text with an ellipsis as in the picture. The number of characters and sentences is arbitrary. The ... ное поле ничтожно гасит большой круг небесной сферы, в таком случае эксцентриситеты и наклоны орбит возрастают.</p>

How do I center the text vertically?

There is such a code: Html: <p class="hst">Шаблон</p> Css: .hst { height: 50px; text-align: center; ... of the frame, and the rest of the frame is empty. How do I center the text vertically (without changing the code above)?

How do I stretch a block to the full height of the page?

Question on CSS. Task: there is a high container block, it does not fit on one screen (for example, div, which has many parag ... the height of the content div. I looked in devtools, and it turned out that div can be higher in height than body and html.

Smooth object appearance on CSS

I'm learning to make up a website from PSD layouts, I encountered such a problem, I need that when I hover to the right of th ... px; z-index:9999; width:400px; } HTML: <div id="square"><div class='second_block'> </div></div>

The angle is 45 degrees at the div

Friends, maybe someone has faced a similar task... It is necessary to cut the corners of the div (upper-left and lower-right) ... e way to cure this? I could make the corners for example a picture, but behind the blocks there is a background-image color (

css frame for the picture slider

Hello everyone Actually, you need a frame on top of the slide as a picture. I tried using border-image, but it doesn't work. ... <img src="http://i.piccy.info/i9/a6ba5f06ff28412508622f6d045945ee/1486410047/74902/1116299/slide_1.jpg"> </div>

How do I stretch the block to the height of the image?

There is a block with a picture inside it. You need to make the height of the image. I've been dancing around it for 2 days, ... ou set the height of the image to 100%, and not auto, then the image will be compressed in this block with a height of 240px!

Picture instead of css text color

Is it possible to use some methods to fill the text with an image, instead of color?

Blurred background div

How to implement the blur effect of the background div element so that it adapts to the background body. Here is an example

How do I make the background for a website adaptive?

How to make the background for the site adaptive and align the block horizontally and vertically. body { width: 100 ... play: flex; flex-wrap: wrap; justify-content: center; align-items: center; } <div class="modal"></div>

Word wrap in html, css text

There is text in the <pre> tag. Words in the text are not transferred, but cut. I'm trying to make sure that the words ... ont-family: Times,monospace;white-space: pre-wrap;overflow:auto; border: 0; background-color: transparent;'> </pre>

Transparent text relative to the background

Let's say there is some transparent background of the block:background-color: rgba(255, 255, 255, 0.75); And this block displ ... ext to the background of the site in any element? That is, in the end, part of the background from the text will be visible.

How to make an arc in CSS or SVG

How to make an arc on css or SVG, the length of half a circle. We need different options for the location of the arcs relative to the coordinate axes (4 locations)

Is there a difference between img and background-image?

I constantly face the problem of choosing whether to use the img tag or to tie the background-image block? As for me, backgro ... itespace, then they climb. This is all decided by styles, but I like back more Question Is there a difference in their usage?

overflow + box-shadow

If the element is in a div that is set to overflow: hidden, then box-shadow starts behaving incorrectly. JsFiddle inpu ... "> test </div> </div> Что-то ещё. Any ideas on how to solve this without using indentation?

The background should not overlap the text

I had a problem like Alexey:background-color over background-image in body Thanks to Hochru's answer, it was solved, but the ... solute; background-color: rgba( 255, 255, 255, .5); } <div class="body"> <p>Текст</p> </div>

Smooth back animation

.container { padding: 2em 0; width: 50%; height: 6em; margin: 3em auto; background: grey; } .item ... , it drops sharply. What do I need to add to the css so that when the hover effect is removed, the block smoothly falls down?

Animation of the svg wave by the d path attribute

I have the following effect made with svg animation. Svg code + animation path from source: The wave comes from below. My t ... 6.938,0-224,0c-193,0-170.235-1.256-278-35C399,34,395,0,249,0C118,0,0,100,0,100L0,100z"/> </svg> </div>