发表于: 2017-05-20 22:26:42

1 906


今天完成的事情:完成了article列表页面。。
明天计划的事情:接下去要测试一下后台的所有bug
遇到的问题:角色管理 新增页面的权限管理怎么做啊?不会啊。
收获:晚上听了小课堂 收获了如何用css画一个椭圆。可以在一些特殊的场合使用。。减少页面加载时间。。

其实还可以结合三角形+transform做一个这个图标。

#curvedarrow {

  position: relative;

  width: 0;

  height: 0;

  border-top: 9px solid transparent;

  border-right: 9px solid red;

  -webkit-transform: rotate(10deg);

  -moz-transform: rotate(10deg);

  -ms-transform: rotate(10deg);

  -o-transform: rotate(10deg);

}

#curvedarrow:after {

  content: "";

  position: absolute;

  border: 0 solid transparent;

  border-top: 3px solid red;

  border-radius: 20px 0 0 0;

  top: -12px;

  left: -9px;

  width: 12px;

  height: 12px;

  -webkit-transform: rotate(45deg);

  -moz-transform: rotate(45deg);

  -ms-transform: rotate(45deg);

  -o-transform: rotate(45deg);

}

聊天框。。经常用到的

#talkbubble {

   width: 120px;

   height: 80px;

   background: red;

   position: relative;

   -moz-border-radius:    10px;

   -webkit-border-radius: 10px;

   border-radius:         10px;

}

#talkbubble:before {

   content:"";

   position: absolute;

   right: 100%;

   top: 26px;

   width: 0;

   height: 0;

   border-top: 13px solid transparent;

   border-right: 26px solid red;

   border-bottom: 13px solid transparent;

}




返回列表 返回列表
评论

    分享到