ホームページ >ウェブフロントエンド >htmlチュートリアル >【CSS3】楽しいアニメーションワイヤーフレーム_html/css_WEB-ITnose

【CSS3】楽しいアニメーションワイヤーフレーム_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:54:481276ブラウズ

Html代码

  1. アニメ画选框
      

Css代码

  1. .box{
  2. width:300px;  
  3. 高さ:100ピクセル;  
  4. border:1px 点線 #fff;  
  5. border-image:url(data:image/gif;base64,R0lGODlhCAAIAJEAAP////8A/wAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgABACwAAAAACAAIAAACDwuGckJzR4UaEp423InFAAh+QQFCgABACwAAAACAAIAAACD4wEG cuMvR6cC4hpaU0nFAAh+QQJCgABACwaAAAAACAAIAAAACEAwiYhvd56KKaErqYDwnrQIAOw==) 1 繰り返します。  
  6. }


例:
http://codepen.io/puterjam/pen/gGLBj

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。