代理加盟 2018全新代理计划 赚钱+省钱双管齐下,独立平台,丰厚利润!

您现在的位置: 江西时时彩app下载 > 站长学院 > 建站教程 >

时时彩玩法技巧:网页设计核心内容对视觉表现的影响

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

江西时时彩app下载 www.p42ci.com.cn

三角形翻转的效果,大家想必见过,这里就把相关代码贴下,大家可以应用哦,当然翻转效果暂时不支持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.p42ci.com.cn/news/449.html

  • 《在人间》第151期:地震明星女孩的十年 2019-01-19
  • 首部运河题材鸿篇巨制《天地运河情》首演在即 2019-01-19
  • 围绕“《未成年人网络保护条例》的制定”建言献策 2019-01-18
  • 【十九大·理论新视野】动漫:“人类命运共同体”如何构建 2019-01-18
  • 笑博士的“企业发展计划”,是基于私有制的企业计划。因此,笑博士,是制订不了市计划,省计划,更别说国家计划的。他的最大无知,是不知社会主义是以公有制为主体的国家, 2019-01-18
  • 【理上网来·喜迎十九大】以党的制度建设推进管党治党 2019-01-18
  • 党的历史文献集和当代文献集 2019-01-17
  • 大量宋蒙战争时期遗物现身涪陵 2019-01-17
  • 老年人“犯困” 内情并不那么简单 2019-01-17
  • 吃货苏东坡出品:“舌尖上的宋朝” 2019-01-16
  • 杨庆山任南开大学党委书记 2019-01-16
  • 广西贵港原常务副市长黄志光被开除党籍和公职 2019-01-16
  • 本网特稿--北京频道--人民网 2019-01-15
  • 寻找把他吃剩的饭菜找包后,丢给四两吃,这能算道德?[微笑] 2019-01-15
  • 5月份安徽规上工业增加值增长9.2% 居中部第一 2019-01-15
  • 3| 514| 767| 957| 171| 965| 361| 977| 984| 961|