recentpopularlog in

kme : css3   33

css3 - How can I transition height: 0; to height: auto; using CSS? - Stack Overflow
Use max-height in the transformation and not height. And set a value on max-height to something bigger than your box will ever get.
css  animation  css3  transitions  webdesign  dammitbrain  solution 
june 2019 by kme
Steffen Dietz : CSS3 transition to 'auto'-value
To avoid that, simply use max-height and set it to a value bigger than your box will ever be. Look at the example, implying '.transition-box' will never be bigger than 999px:
css  css3  animation  transition  solution 
september 2014 by kme
The CSS white-space Property Explained | Impressive Webs
Good for wrapping Git commit messages in pre tags that team members refused to wrap at 50/72 characters.
css  whitespace  css3  solution 
july 2014 by kme
javascript - Animated glowing border using CSS/ JS? - Stack Overflow
#myGlower {
background-color: #ccc;
border: 1px solid transparent;
-webkit-transition: border 0.1s linear, box-shadow 0.1s linear;
-moz-transition: border 0.1s linear, box-shadow 0.1s linear;
transition: border 0.1s linear, box-shadow 0.1s linear;
} {
border-color: blue;
-webkit-box-shadow: 0 0 5px blue;
-moz-box-shadow: 0 0 5px blue;
box-shadow: 0 0 5px blue;

And then using jQuery:

$(function() {
var glower = $('#myGlower');
window.setInterval(function() {
}, 1000);
css3  csstransitions  webdevel  solution 
june 2014 by kme
The CSS3 Placeholder Pseudo-element | Treehouse Blog
This was important:
They each need to be defined separately, otherwise the entire rule will be ignored by the browser.
html5  css3  forms  placeholder  reference  webdevel 
june 2014 by kme
HTML5 Placeholder Styling with CSS -
I learned an important lesson. It seems when you're using vendor-specific selectors, you shouldn't try to separate them with commas. They need to be one selector (or vendor-prefixed attribute) per line.
html5  css3  html  css  forms  solution  placeholder  a11y 
june 2014 by kme

Copy this bookmark:

to read