Google chrome is changing css behavior -


i have div class called rectangle , wanted make hover effect transition using css, google browser dont let hover works when browser window in fullscreen. i'm using mac way.

this how i'm doing hover css:

.rectangle:hover { background: #4caf50;     -webkit-transition: background 0.3s;     -moz-transition: background 0.3s;     -ms-transition: background 0.3s;     -o-transition: background 0.3s; transition: background 0.3s;  } 

it works in firefox , safari browser in fullscreen, google dont let work in fullscreen , dont know why. please me fix problem i'm not able find fix it.

i have 3 advices you:

  • don't use uppercase in property: background not "background"
  • replace background more specific background-color
  • the :fullscreen pseudo-class might useful in case

Comments

Popular posts from this blog

How to check data type in C++? -

javascript - Is getTimezoneOffset() stable during daylight saving transition? -

sql server - SQL Query returns one result, does not return 0 or NULL result -