Tell me how in:

@keyframes switchSize { 100% { }}

Set the change of border-radius the called element?
Namely :

 .class1{ -webkit-animation: rotate 6s linear infinite,switchSize 1s infinite !important; animation: rotate 6s linear infinite,switchSize 1s infinite !important; }

    1 answer 1

    It's not entirely clear what kind of animation you need to get. Here's how the option.
    Values ​​you can put your own.

     .class1 { padding: 10px; background-color: blue; width: 100px; color: white; border-radius: 50px; -webkit-animation: rotate 6s linear infinite,switchSize 1s infinite !important; animation: rotate 6s linear infinite,switchSize 1s infinite !important; } @keyframes switchSize { 50% { border-radius: 10px; } } 
     <div class="class1">123</div>

    http://jsfiddle.net/z5kav1oL