小编Mus*_*man的帖子

我是这个编码领域的新手,我认为我的问题很简单,对于像你们这些人一样有经验的人.我正在尝试为按钮内部的图像设置动画.当我点击按钮时,我需要将图像旋转360度.我不知道我在做什么错误是我的HTML和CSS代码.请帮忙

.syncRotate {
  -webkit-transition: 500ms ease all !important;
  -moz-transition: 500ms ease all !important;
  -o-transition: 500ms ease all !important;
  transition: 500ms ease all !important;
  -webkit-transform: rotate(360deg) !important;
}

<button class="iconBtn" mdTooltipPosition="above" mdTooltip="Sync User" (click)="sync()">
    <img class="syncRotate" style="width:20px;background-color: #a6a6a6;border-radius: 13px;padding:2px;" src="../../assets/images/icons/sync.svg" alt="Sync">
</button>

我有一个输入和文本区域，我想将最大字符数限制为 20 个。我该怎么做。需要帮助。

<form novalidate name="editartistForm">
<div class="col-md-6 field_container">
    <md-input-container class="md-block log_container" flex-gt-sm>
        <label>Name</label>
            <input required type="text" name="name" ng-model="edit_artist.name">
    </md-input-container>
</div>
<div class="col-md-12 field_container">
    <md-input-container class="md-block log_container" flex-gt-sm>
        <label>Short Description</label>
             <textarea type="text" name="description" ng-model="edit_artist.description" rows="5"></textarea>
    </md-input-container>
</div>

https://jsfiddle.net/1wm5fqaa/