CSS & React / Transition для изменения цвета фона и шрифта не работает - PullRequest
Новая
       32

CSS & React / Transition для изменения цвета фона и шрифта не работает

2 голосов
/ 19 мая 2019

Я пытаюсь повлиять на наведение, чтобы изменить цвет фона и цвет шрифта в приложении реагирования.

Вот компонент реагирования, который у меня есть: 

import * as React from 'react'
import styles from './Project.module.scss'

let Project = function(props){
    return (
        <div className={styles.Project}>
            <h1>{props.Title}</h1>
            <h4>{props.Budget? props.Budget: 'No budget specificed'}</h4>
        </div>
    )
}

export default Project

и вот мой код Project.module.scss: 

.Project{
    width: 45%; 
    box-shadow: 1px 1px grey;
    border: 2px solid grey; 
    padding-left: 10px;
    box-sizing: border-box;
    margin: 5px;
    border-radius: 5px;
    cursor: pointer;
    color: blue;
    background-color: white;
    transition: all 2 ease;
    transition-property: background-color, color;
    -webkit-transition: all 2 ease;
    -webkit-transition-property:  background-color, color;

    &:hover{
        background-color: black;
        color: white;
    }
}

Кажется, что все свойства работают, кроме перехода дляцвет фона и цвет.

Любая помощь приветствуется.

1 Ответ

0 голосов
/ 22 мая 2019 
-webkit-transition: all 2s ease;

нужно добавить s со временем перехода. Это представляет seconds

...