2015/04/27

[css3][html]簡単なトラディション

簡単なCSS3 transitionを組んでみた。

<script type="text/javascript">
jQuery(function(){
 setTimeout(function(){
  $('#hoge').css('background-color','blue');
  setTimeout(function(){
   $('#hoge').css('background-color','blue');
  },1000);
 },1000);
});
</script>
<style>
#hoge {
  -webkit-transition-property:background-color;
  -webkit-transition-timing-function:ease-out;
  -webkit-transition-duration:2s;
  width:100px;
  height: 100px;
  background-color:red;
}
</style>
<div id="hoge"></div>

0 コメント:

コメントを投稿