• 《钟馗捉妖记》杨旭文为魔族惨烈“献身” 2019-06-10
  • 个税法迎第七次大修 起征点由每月3500元提高至5000元 2019-06-10
  • 摄影师捕捉超强EF3龙卷风 巨大云团画面惊险壮观 2019-05-26
  • 农民夜校成十九大精神宣讲重要课堂 2019-05-25
  • 拆迁款分配引冲突 儿子推倒八旬老父致其死亡 2019-05-25
  • 2017年邵逸夫奖在港颁奖 5位科学家获此殊荣 2019-05-23
  • 江西暴雨袭来白昼如夜 乌云密布似大片 2019-05-14
  • 工信部下架46款不良手机APP 2019-05-10
  • 通化金马并购标的盈利参差不齐 大股东在套现? 2019-04-29
  • 百年美洲杯决赛阿根廷vs智利 在线直播观看 梅西能否封王 2019-04-29
  • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2019-04-23
  • 既然美国要打,我们当然也只能奉陪到底!可是新中国的历史证明中国总是越战越强的! 2019-04-20
  • 爱护民生:什么基金都不能买,即使获利,也不会给分多少红利,只是意思意思。 2019-04-20
  • [调皮]“谈判技巧”始终摆脱不了“被迫谈判”的尴尬! 2019-04-19
  • 程序员编程网盗老东家600万 一年作案1800余次 2019-04-10
  • 代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

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

    神奇公式秒杀全国11选5:网页设计核心内容对视觉表现的影响

    来源:未知 发布时间: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-06-10
      • 个税法迎第七次大修 起征点由每月3500元提高至5000元 2019-06-10
      • 摄影师捕捉超强EF3龙卷风 巨大云团画面惊险壮观 2019-05-26
      • 农民夜校成十九大精神宣讲重要课堂 2019-05-25
      • 拆迁款分配引冲突 儿子推倒八旬老父致其死亡 2019-05-25
      • 2017年邵逸夫奖在港颁奖 5位科学家获此殊荣 2019-05-23
      • 江西暴雨袭来白昼如夜 乌云密布似大片 2019-05-14
      • 工信部下架46款不良手机APP 2019-05-10
      • 通化金马并购标的盈利参差不齐 大股东在套现? 2019-04-29
      • 百年美洲杯决赛阿根廷vs智利 在线直播观看 梅西能否封王 2019-04-29
      • “陪堂妈妈”上课3000多节 班主任:她去中考没问题 2019-04-23
      • 既然美国要打,我们当然也只能奉陪到底!可是新中国的历史证明中国总是越战越强的! 2019-04-20
      • 爱护民生:什么基金都不能买,即使获利,也不会给分多少红利,只是意思意思。 2019-04-20
      • [调皮]“谈判技巧”始终摆脱不了“被迫谈判”的尴尬! 2019-04-19
      • 程序员编程网盗老东家600万 一年作案1800余次 2019-04-10