Здесь у меня есть немного CSS:

    #image-edges-beneath:hover{
    background-color: blue;
    }

    #image-edges:hover{
      background-color: blue;
    }

    #image-edges-beneat:hover:after{
    -webkit-transition: all 1s ease;
         -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
          -ms-transition: all 1s ease;
              transition: all 1s ease;
      border: 2px solid #F1FD6D;
    }

    #image-edges:hover:after{
    -webkit-transition: all 1s ease;
         -moz-transition: all 1s ease;
           -o-transition: all 1s ease;
          -ms-transition: all 1s ease;
              transition: all 1s ease;
      border: 2px solid #F1FD6D;
    }

Однако это не работает. Единственное, что происходит, - это то, что цвет фона имеет переход, в то время как я хочу, чтобы он изменялся только при наведении, в то время как граница, которую я хочу иметь, имеет переход, поэтому в основном граница исчезает в цвете, в то время как цвет фона меняет цвет сразу после наведения. , Тот'Это то, чего я хочу достичь, но это нет работа. Есть идеи пользователей?