Свойства CSS: Как определить форму нижнего левого угла анимации?

Последнее обновление 01 декабря 2018 10:48:02 (UTC / GMT +8 часов)

Решение:

HTML-код:

 <! DOCTYPE html>
<HTML>
<Голова>
<title> Как определить форму нижнего левого угла - анимация </ title>
<Стиль>
#xyx {
    поле слева: 10 пикселей;
	маржинальная вершина: 3 пикселя;
	Поля справа: 15 пикселей;
	цвет фона: # CCFF63;
	граница: 1px solid # c3c3c3;
	высота: 200 пикселей;
	-webkit-animation: mymove 5s бесконечен;
    анимация: mymove 5s бесконечна;
	}
  @keyframes mymove {
    50% {border-bottom-left-radius: 50px;}
}
</ Стиль>
</ HEAD>
<Тело>
<div id = "xyx"> CSS, расшифровывается как Cascading Style Sheet - это компьютерный язык для описания презентации. <div>
</ Body>
</ Html>

Демонстрация в реальном времени:

Как определить форму нижнего левого угла можно анимировать на jsbin.com

Посмотреть решение в браузере

Поддерживаемый браузер