title: Select box fade in fade out feature?
body: <p>I am trying to create a select tag. In my select tag when user will click on Actions, It will open option but slowly same feature like fade in fade out.<br>
  I tried to implement jQuery but didn't get any.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;select ng-model="feederActions" ng-options="action.name for action in actions"&gt;
        &lt;option value="" disabled&gt;Actions&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>It will render as:</p>
  
  <pre><code>&lt;select ng-model="feederActions" ng-options="action.name for action in actions" class="ng-pristine ng-valid"&gt;
      &lt;option value="" disabled="" class=""&gt;Actions&lt;/option&gt;
      &lt;option value="0"&gt;Ping&lt;/option&gt;
      &lt;option value="1"&gt;On Demand Read&lt;/option&gt;
      &lt;option value="2"&gt;Theft Status&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>This is angular code.</p>
  
  <p>On click of Actions I want to achieve this:</p>
  
  <p><img src="https://i.stack.imgur.com/0aXdE.png" alt="picture"></p>
  
  <p>Can I achieve this using normal select tag Html5?</p>