css3
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.
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
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 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?
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="Пароль">
Box-sizing doesn't work
Hello. There is a trace. markup:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm ... .cols container display:inline-block, everything works as it should.
Code in jsbin.
Why doesn't box-sizing work in this case?
How do I arrange div blocks in multiple columns?
The number of blocks is different each time, from 1 to 40.
You need to arrange them like this:
1 7
2 8
3 9
4 ...
5
6
The ... ;
<a href="" class="c">Шестой</a>
<a href="" class="c">Седьмой</a>
....
</div>
Right-alignment of flex elements
Can you tell me how to correctly align the elements on the right edge in my example?
.header {
width: 100%;
heigh ... <a href="#">Подвал</a>
</li>
</ul>
</nav>
</div>
</header>
Raise label css
How do I make the label rise higher when the input or focus is filled, or if the empty one is returned back?
.item-f{
... t.classList.remove('input_filled');
}
});
Writes
Uncaught TypeError: input.addEventListener is not a function
Proportional image resize in width and height
Code, copy to jsfiddle
html,
body {
height: 100%;
}
.table {
display: table;
width: 100%;
height ... lly? How do I do this without Javascript? (I know how to do it with Javascript.) You can use the most newfangled CSS3 pieces.
How to disable font-awesome (cdn) in WP
Guys, please tell me I can not on the site (CMS: Wordpress) disable the download of fontawasome by link: netdna.bootstrapcdn. ... /font-awesome/4.7.0/css/font-awesome.css' type='text/css' media='all'
Can you tell me how to do this?
Thank you in advance!
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.
Swiper pagination
I have three points, three slides, and in fact, when you scroll through the active class, it should change the color of the ...
var swiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination',
type: 'bullets',
},
});
The appearance of text and effects when you hover over the block
Tell me how to organize in css the appearance of text and effects from nowhere when the mouse hovers over an object, i.e. whe ... of an object, etc., i.e. change its style, but how do I create text on the block or internal borders, buttons, as an effect?
How to make your own check mark with rounded corners for the radio input (input) CSS
How do I make such a check mark for as in the picture (the first one on the top left), but with rounded corners?
<input type='radio' />
Exactly the check mark is rounded.
How do I change the placeholder-a color via javascript?
Hello everyone I have an input, how can I change the color of placeholder-a when the focus is on input? Do something like whe ... But now there is a problem, I do not know how to work in javascript-e with pseudo-classes. Is there a solution? Who faced it?
Placeholder style
There is a form
How to change the color of the placeholder attribute
How can I style the input text and placeholder in input?
Please tell me, is it possible to make the placeholder located in the input with such an indent, and the text when entering too? I got it so that both the placeholder and the input text are pressed to the left edge.
box-sizing: border-box for the button:active
The css3 property box-sizing: border-box does not work for the button when clicked (i.e. the pseudo-state is :active)...
The ... -o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing: border-box;
border-top: 3px solid #c13135;
}