• 既然美国要打,我们当然也只能奉陪到底!可是新中国的历史证明中国总是越战越强的! 2019-04-20
  • 爱护民生:什么基金都不能买,即使获利,也不会给分多少红利,只是意思意思。 2019-04-20
  • [调皮]“谈判技巧”始终摆脱不了“被迫谈判”的尴尬! 2019-04-19
  • 程序员编程网盗老东家600万 一年作案1800余次 2019-04-10
  • 【群友杂谈】——农村、农民、农地 2019-03-31
  • 女童在迪士尼撞八角形灯柱缝两针,园方:无责可赔偿毛绒玩具 2019-03-18
  • 今年省内高校招生普增 2019-03-17
  • 空军“红剑-2017”体系对抗演习打响 2019-03-12
  • 东莞:科研人员可带项目离岗创业 2019-03-12
  • 一村一品!安徽推广“四带一自”产业扶贫模式 2019-02-24
  • 《泄密者》开启超前观影 经典组合打造最敢拍港片 2019-02-24
  • 山西要闻--山西频道--人民网 2019-02-23
  • 中国武器亮相国外 铁甲雄狮大秀视觉盛宴 2019-02-23
  • 代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

    您现在的位置: 11选5任四包赚不赔40注 > 站长学院 > 建站教程 >

    广东11选五怎么套利:网页设计核心内容对视觉表现的影响

    来源:未知 发布时间:2014-04-15热度: ℃我要评论
    三角形翻转的效果,大家想必见过,这里就把相关代码贴下,大家可以应用哦,当然翻转效果暂时不支持IE 6 7 8。 1、纯CSS做个三角 代码如下: style type=text/css .rightdirection { width:0;he...

    11选5任四包赚不赔40注 www.zo-n.com

    三角形翻转的效果,大家想必见过,这里就把相关代码贴下,大家可以应用哦,当然翻转效果暂时不支持IE 6 7 8。

    1、纯CSS做个三角

    代码如下:
    <style type="text/css">
    .rightdirection
    {
     width:0;height:0;
     line-height:0;
     border-width:20px;
     border-style:solid;
     border-color:transparent transparent transparent #A9DBF6;
    }
    .bottomdirection
    {
     width:0;height:0;
     line-height:0;
     border-width:20px;
     border-style:solid;
     border-color: #A9DBF6 transparent transparent transparent;
    }
    .leftdirection
    {
     width:0;height:0;
     line-height:0;
     border-width:20px;
     border-style:solid;
     border-color: transparent #A9DBF6 transparent transparent;
    }
    .topdirection
    {
     width:0;height:0;
     line-height:0;
     border-width:20px;
     border-style:solid;
     border-color: transparent transparent #A9DBF6 transparent;
    }
    </style>
    <div  class="rightdirection"></div>
    <p>
    <div  class="bottomdirection"></div>
    <p>
    <div  class="leftdirection"></div>
    <p>
    <div  class="topdirection"></div>

    2.翻转:实现翻转

    <!DOCTYPE html>
    <html>
    <head>
    <style>


    .jt b {
        border-color: #FFD0C0 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        border-style: solid dashed dashed;
        border-width: 10px;
        font-size: 0;
        height: 0;
        line-height: 0;
        position: absolute;
        left: 150px;
        top: 14px;
        width: 0;
    }
    .jt:hover b {
        border-color: #ccc rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
        transform: rotate(180deg);
        transform-origin: 50% 30% 0;
        transition: transform 0.2s ease-in 0s;
     -moz-transform: rotate(180deg);
        -moz-transform-origin: 50% 30% 0;
        -moz-transition: transform 0.2s ease-in 0s;
    }


    </style>
    </head>
    <body>

    <div class="jt">
     <b>你好啊</b>
     </div>

    </body>
    </html>

    本文地址://www.zo-n.com/news/449.html

      发表评论

      评论列表(条)

      • 既然美国要打,我们当然也只能奉陪到底!可是新中国的历史证明中国总是越战越强的! 2019-04-20
      • 爱护民生:什么基金都不能买,即使获利,也不会给分多少红利,只是意思意思。 2019-04-20
      • [调皮]“谈判技巧”始终摆脱不了“被迫谈判”的尴尬! 2019-04-19
      • 程序员编程网盗老东家600万 一年作案1800余次 2019-04-10
      • 【群友杂谈】——农村、农民、农地 2019-03-31
      • 女童在迪士尼撞八角形灯柱缝两针,园方:无责可赔偿毛绒玩具 2019-03-18
      • 今年省内高校招生普增 2019-03-17
      • 空军“红剑-2017”体系对抗演习打响 2019-03-12
      • 东莞:科研人员可带项目离岗创业 2019-03-12
      • 一村一品!安徽推广“四带一自”产业扶贫模式 2019-02-24
      • 《泄密者》开启超前观影 经典组合打造最敢拍港片 2019-02-24
      • 山西要闻--山西频道--人民网 2019-02-23
      • 中国武器亮相国外 铁甲雄狮大秀视觉盛宴 2019-02-23