Issue with delaying CSS -


i trying delay css transition, seems not working. here want happen:

  1. start video

  2. move mouse pointer out of video

  3. the control bar shrinks, play-progress gets larger.

  4. move mouse pointer in video, control bar returns normal.

as can see in codepen pen, play-progress bar gets larger before want to: http://codepen.io/mboles/pen/mjejoo

here css using:

#myplayerid.vjs-has-started.vjs-user-inactive .vjs-progress-control {   -webkit-transform: translatey(-25px); }  #myplayerid.vjs-has-started.vjs-user-inactive .vjs-play-progress {   -transition-delay: height 3s;    height: 10px; }

i have tried change order of transition delay , height, did not solve issue.

many thanks- matt

it turns out transition-delay cannot put property delay, must explicitly stated using transition-property. solution is:

#myplayerid.vjs-has-started.vjs-user-inactive .vjs-play-progress {   height: 10px;   transition-property: height;   -transition-delay: 3s;   -webkit-transition-delay: 3s;  }

Comments

Post a Comment

Popular posts from this blog

IF statement in MySQL trigger -

this query code in mysql trigger. if 1=2 select 'yes'; else select 'no'; end if; but has following error: if '1'='2' select 'yes' error code: 1064. have error in sql syntax; check manual corresponds mysql server version right syntax use near 'if '1'='2' select 'yes'' @ line 1 0.000 sec what solution?
Read more

c++ - What does MSC in "// appease MSC" comments mean? -

i run across // appease msc in c++ comments, e.g. here : const int& array::operator[](int offset) const { int mysize = getitssize(); if (offset >= 0 && offset < getitssize()) return ptype[offset]; throw xboundary(); return ptype[offset]; // appease msc! } what msc stand ? the author means microsoft's compiler, more formally known msvc.
Read more

android - MPAndroidChart - How to add Annotations or images to the chart -

i working latest mpandroidchart library , looking way add annotations or images clickable. example: once data reaches value event occurs want able display user - there multiple events can occur annotations (not sure if right word) or image added @ point in chart. any pointers welcome. check documentation of yaxis . focus on setspacetop(...) , setaxismaxvalue(...) methods. for background: bar-shadow , disable calling: barchart.setdrawbarshadow(false) or change color: bardataset.setbarshadowcolor(int color)
Read more