CoreAnimatedPages hero-p attribute

Question

Пока я изучал core-animated-pagesexamples, я заметил hero-p атрибут в некоторых элементах.

Об этом не упоминается в documentation.

Что это такое hero-p атрибут точно делает?

Answer 1

Когда запускается переход героя, элементы с атрибутом героя-р получить следующие правила, применяемые (см основных анимированных-страница/переходы/герой-transition.html):

polyfill-next-selector { content: ':host > * [hero-p]'; } 
    ::content > * /deep/ [hero-p] { 
    -webkit-transition: box-shadow 100ms ease-out; 
    transition: box-shadow 100ms ease-out; 
    } 

    polyfill-next-selector { content: ':host > [animate] [hero-p]'; } 
    ::content > [animate] /deep/ [hero-p] { 
    box-shadow: none !important; 
    } 

Который удаляет окно -тени, которые они применяли при прохождении перехода.