• 公章形状岂是为民服务“绊脚石” 2019-05-26
  • 西部网(陕西新闻网)www.cnwest.com 2019-05-25
  • 张德江:必须毫不动摇坚持、与时俱进完善人民代表大会制度 2019-05-24
  • 小户型这样设计,瞬间高!大!上! 2019-05-24
  • 双杀火箭的神队终拿第1高帅富开刀?为卖他宁愿出4号签 2019-05-22
  • 朔州:为母亲河清淤化污 重还塞上绿洲美丽 2019-05-22
  • 你才是“蠢货”!土地是自然存在的地球的一部分,并不是人类劳动成果,哪来价值?土地不是劳动成果,没有价值,正如空气和阳光不是劳动成果,没有价值一样。懂吗... 2019-05-13
  • 仙居:美丽经济 助农增收 2019-05-13
  • 把群众来信当家书 把来访群众当家人 把群众事情当家事 用心用情用力做好信访工作 2019-05-10
  • 坚守一条红线 维护生态安全(在习近平新时代中国特色社会主义思想指引下——新时代新作为新篇章) 2019-05-06
  • 国家中医药管理局加强对中医养生类节目指导 2019-05-06
  • 新版人民网首页吉林IP定向--吉林频道--人民网 2019-05-02
  • 图解:中央批复了雄安规划纲要!“干货”一览 2019-04-24
  • 【学习时刻】管清友:归本源、化风险、促改革,让金融成为经济发展的重要动力 2019-04-24
  • 我相信“交警雨中护送高考生”是真,“交警雨中护送高考生”反被该高考生家长投诉是假。 2019-04-23
  • 代理加盟 2019全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

    您现在的位置: 11选五开奖结果走势图 > 站长学院 > 建站教程 >

    体彩任选6单式中奖规则:网页设计核心内容对视觉表现的影响

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

    11选五开奖结果走势图 www.dwxy9.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.dwxy9.com/news/449.html

      发表评论

      评论列表(条)

      • 公章形状岂是为民服务“绊脚石” 2019-05-26
      • 西部网(陕西新闻网)www.cnwest.com 2019-05-25
      • 张德江:必须毫不动摇坚持、与时俱进完善人民代表大会制度 2019-05-24
      • 小户型这样设计,瞬间高!大!上! 2019-05-24
      • 双杀火箭的神队终拿第1高帅富开刀?为卖他宁愿出4号签 2019-05-22
      • 朔州:为母亲河清淤化污 重还塞上绿洲美丽 2019-05-22
      • 你才是“蠢货”!土地是自然存在的地球的一部分,并不是人类劳动成果,哪来价值?土地不是劳动成果,没有价值,正如空气和阳光不是劳动成果,没有价值一样。懂吗... 2019-05-13
      • 仙居:美丽经济 助农增收 2019-05-13
      • 把群众来信当家书 把来访群众当家人 把群众事情当家事 用心用情用力做好信访工作 2019-05-10
      • 坚守一条红线 维护生态安全(在习近平新时代中国特色社会主义思想指引下——新时代新作为新篇章) 2019-05-06
      • 国家中医药管理局加强对中医养生类节目指导 2019-05-06
      • 新版人民网首页吉林IP定向--吉林频道--人民网 2019-05-02
      • 图解:中央批复了雄安规划纲要!“干货”一览 2019-04-24
      • 【学习时刻】管清友:归本源、化风险、促改革,让金融成为经济发展的重要动力 2019-04-24
      • 我相信“交警雨中护送高考生”是真,“交警雨中护送高考生”反被该高考生家长投诉是假。 2019-04-23
      • 在线购彩app下载 快乐12走势图 什么是老时时彩 十一运夺金专家推荐 江西多乐彩11选5现场开奖裁 双色球143期 赌博游戏机 3d走势图带连线 老时时彩360记录 北京赛車pk10购买 上海时时彩网址 北京赛车下载 极速飞艇规则 重庆时时彩技巧 秒速时时彩有假吗 天津十一选五