styled-components

0熱

1答えて

親CSSの状態に基づいて、条件付きの子のアニメーション（のためのスタイルを作ら-コンポーネントとが反応）

、同じDOMにすべてのアニメーションを確保するために、ネストされた条件付セレクタを使用して .btn:hover:not(.inactive)>.btn-top, .btn.active:not(.inactive)>.btn-top { z-index: 2; /* transform here */ } .btn:hover:not(.inactive)>.btn-b

javascript css reactjs styled-components 2016-10-16

---

2熱

1答えて

スタイリッシュなコンポーネントを使用しているときにコンポーネントを反応させるためにアニメーションを適用する

新しいライブラリを使用して、リアクションコンポーネント、Styled-Componentsを作成しています。 onClickを使用してコンポーネントにTrembleアニメーションを適用したいと思います。 export class FormLoginTest extends React.Component { // eslint-disable-line react/prefer-stateless

animation reactjs onclick styled-components 2016-11-01

---