Задать вопрос
@vitalygeg

Почему не меняется цвет обводки в svg?

CSS код:

/* Стиль кнопки О НАС*/

  *{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
    .wrapper{
      width: 200px;
      margin: -50px 250px auto;
    }

    .btn{
      width: 170px;
      display: block;
      height: 50px;
      line-height: 50px;
      color: black;
      text-decoration: none;
      font-family: Comic Sans MS;
      font-size: 14px;
      letter-spacing: 2px;
      text-transform: uppercase;
      text-align: center;
      position: relative;
    }


    svg{
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
    svg rect{
      width: 100%;
      height: 100%;
      fill: transparent;
      stroke: #110c2e;
      stroke-width: 5px;
      stroke-dasharray: 10px 150px 20px 30px 20px 150px 20px 30px;
      transition: 0.5s all;
    }

  .btn:hover rect{
    stroke-dasharray: 200px 0 70px 0 200px 0 70px 0;
  }

  /*#endregion*/


HTML код

<!-- Стиль кнопки О нас -->
	<div class="wrapper">
		<a href="#!" class="btn">О нас
			<svg>
				<rect> </rect>
			</svg>
			</a>
	</div>


В CSS пытаюсь поменять stroke, но не меняется цвет обводки.
  • Вопрос задан
  • 130 просмотров
Подписаться 1 Простой 7 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы