好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

css3的过滤效果

上面的图片就是css3新特性的滤镜效果,学会了这些那么我们这群爱美爱帅的大web是不是就可以完美的用代码实现照片美化了捏~~

好,咱们先把照片后面的白框实现,

       

        #div1{

          /*给div定义宽高和颜色*/


          width: 200px;
          height: 250px;
          background: white;

         /* 内填充距离照片为15px ,文字居中*/
          padding: 15px;

          text-align: center;

      /*  把白色背景旋转-10deg */

          -webkit-transform: rotate(-10deg);

      /*给背景一个阴影的效果*/
          box-shadow: 4px 4px 4px #666;
          float: left;
          }

            
      
         

灰色滤镜

查看更多关于css3的过滤效果的详细内容...

  阅读:33次