The charset doesn’t matter. The allowed characters matters more. Check the CSS specification. Here’s a cite of relevance: In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a … Read more
:nth-child() pseudo-class looks through the children tree of the parent to match the valid child (odd, even, etc), therefore when you combine it with :not(.hidden) it won’t filter the elements properly. Alternatively, we could fake the effect by CSS gradient as follows: .hidden {display:none;} .wrap { line-height: 1.2em; background-color: orange; background-image: linear-gradient(transparent 50%, green 50%); … Read more
Perhaps you have: <div class=”col1″> Stuff 1 </div> <div class=”col2″> Stuff 2 </div> ? If so then this is probably a whitespace problem (it turns out whitespace does matter in html). This should fix it: <div class=”col1″> Stuff 1 </div><div class=”col2″> Stuff 2 </div>
There are many properties that can’t be transitioned. overflow is among them; the render engine has no idea how to transition between “hidden” and “shown”, because those are binary options, not intervals. This is the same reason why you can’t transition between display: none; and display: block; (for example): there are no in-between phases to … Read more
jsfiddle .blur-bgimage { overflow: hidden; margin: 0; text-align: left; } .blur-bgimage:before { content: “”; position: absolute; width : 100%; height: 100%; background: inherit; z-index: -1; filter : blur(10px); -moz-filter : blur(10px); -webkit-filter: blur(10px); -o-filter : blur(10px); transition : all 2s linear; -moz-transition : all 2s linear; -webkit-transition: all 2s linear; -o-transition : all 2s linear; … Read more
this a really old thread, I know, and what I’m proposing is not necessarily the solution you are looking for, but for all people that land here because of searching what I searched: scale the video to fill the video container element, keeping ratio intact If you want the video to fill the size of … Read more
Just put this -webkit-transform:rotateY(0deg);, you need to tell the browser which is the front face first.
Try this CSS: a:active, a:selected, a:visited { border: none; outline: none; } Note that this has to be after any a:hover rules. Thanks to PEra in the comments for suggesting using the a:selected selector as well. NOTE The above does not work in IE 9. Removing a:selected causes it to work in IE9.
Despite what you may read elsewhere, there is no direct relationship between em and px. As one of the links states: the “em” value is based on the width of the uppercase M So it’s going to be different for every font. A narrow font might have the same height (in px) as an extended … Read more
Use interpolation and escaping, parentheses in the selector and parametric mixins to get the desired effect: Dynamic variables by interpolation: In a string, “@{variable}” is replaced with the value of the variable. They can also be nested: Given @{@{var}-foo} and @var: bar;, the result is “barfoo”. The resulting value is quoted. To remove these quotes, … Read more