calc in translate

 Chrome will not let me use 'calc' in 'translate', like: 


    transform: translate3d(0,calc(-100vh-10em),0)


But Chrome allows the equivalent:


    transform: translate3d(0,-100vh,0) translate3d(0,-10em,0)


There is an answer about this on 'stackoverflow.com' at:


      'stackoverflow.com/questions/21469350/not-possible-to-use-css-calc-with-transformtranslatex-in-ie'


I am using an old version of Chrome on Windows7 dating from the start of 2023.


There are more tips at: bbingo.xyz/techtips/




Comments

Post a Comment

Popular posts from this blog

webkit-tap-highlight-color in CSS

 I almost used '-webkit-tap-highlight-color' to remove the blue highlight when you tap an item on a mobile with Chrome.  My item had an odd shape. But it seems you also need to set 'outline: none' on recent versions of Chrome. But this causes an accessibility problem. So I just gave my item a regular shape and kept the blue highlight There are more tips at:  bbingo.xyz/techtips/
Read more

Steve Jobs quotes

 There are some good quotes from Steve Jobs at 'wikiquote.org'. Here are some:     - "I would trade all of my technology for an afternoon with Socrates",     - "Real artists ship",     - "Do you want to spend the rest of your life selling sugared water or do you want a chance to change the world?",     - "It's more fun to be a pirate than to join the Navy",     - "The only problem with Microsoft is they just have no taste",     - "We hired truly great people and gave them the room to do great work",     - "The management philosophy here really is to give people enough rope to hang themselves",     - "You've got to start with the customer experience and work backwards to the technology",     - "Nobody has tried to swallow us since I've been here. I think they are afraid how we would taste.",     - "It looks like it's from another planet. A good planet. A planet with bet
Read more