Skip to content
  • 首页
  • 作品集
  • IT手札
  • 关于ME

分类

  • GO入门学习 (1)
  • IT手札 (75)
    • CSS (5)
    • Git (8)
    • GoF设计模式 (3)
    • JAVA (11)
    • JAVASCRIPT (4)
    • Laravel框架学习 (6)
    • PHP学习 (1)
    • Python (14)
    • python图片识别 (4)
    • SPRING ROOT (2)
    • SQL (4)
    • UBUNTU (8)
    • VR (1)
  • 其他 (5)

标签

apt-daily.service Bing Search APIs css eloquent emoji excel fireworks git google images search jupiter laravel laravel5日志 logkeys opencv p5.js php placeholder python csv selenium spring root SQL ubuntu ui VR WEB 入门 列表 删除分支 动画 启动项 图片采集 必应图片搜索 所有 数列 服务器安全 机器学习图片 求和 汇总 照片 设计模式 资料 路由 键盘按键记录 颜文字

风匀坊

一个不神奇的网站

Menu
Widgets
Search

css

CSS动画效果入门

简介

只用CSS3实现动画效果。

基本代码

  • 定义一个动画对象
<div id="box"></div>
  • 定义基本样式
#box{
  width:100px;
  height:100px;
  background-color:blue;
}

通过以上代码定义一个蓝色四边形。

Continue reading →

2017-09-29cangyan css, 入门, 动画 Leave a comment

用HTML和CSS制作现流行的UI Placeholder

前言

最近在使用facebook, instagram等主流应用经常看到的,即加载内容时的UI placeholer.(骨架设计)

可以给用户一种页面加载速度提升的错觉。如果如图所示。
ui placeholder

Continue reading →

2017-09-13cangyan css, placeholder, ui Leave a comment
Copyright © 2021 风匀坊 | 沪ICP备2021007822号