Thanks to visit codestin.com
Credit goes to github.com

Skip to content

irockyan/BlogEvents

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

关于本项目列表页所有的技术

CSS

  1. 兼容性上原则上IE8-不再进行支持。实际写作中也用到了一些利用postcss可以转化的特性。
  2. 书写规则上基本采用BEM的规范,但是�还在实践中,�在实际书写中并不会很严格按照这个规范,尽量减少层级嵌套。
  3. 基本上不再使用float,更多的采用flex。

CSS模块遇到的问题

  1. 内容的高度初始高度很小,当hover之后应该随内容撑开,但是transition无法对其进行效果设定。暂时没有想到好的办法解决

widges

  1. 弹出框

案例

  1. Building�Social
  2. 滑动门
  3. 代码片段
  4. 百度首页
  5. 缓动动画
  6. 轮播图
  7. 导航栏图片运动
  8. 固定广告条
  9. 楼层跳跃
  10. 鼠标跟随
  11. 三栏式布局
  12. CSS安卓机器人

开发时疑惑

  1. 类似的经典导航布局如何设置最好?

    将头部设置为display: flex,然后采用justify-content: space-between;可以将其分散两边

  2. box-shadow如何设置同时向四个方向偏移?

    四个方向的偏移,可以直接设置偏移的X和Y是0,然后设置偏移模糊效果和偏移半径。

About

博客中的示例项目地址

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published