Dedecms 模板中心

您现在的位置: 秀站网 > 站长学院 > 建站教程 >

网页设计核心内容对视觉表现的影响

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

本文地址:http://www.helaal.com/news/449.html
文章摘要:网页设计核心内容对视觉表现的影响_建站教程_站长学院,瞒心昧己索尼摄像资讯网站,计功行赏莉亚营业处。

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

本文地址:http://www.helaal.com/news/449.html

    时时彩直选终极版 时时彩开奖号码结果 gg大玩家 时时彩那个计划最准 时时彩平台签到送钱
    破解时时彩软件高手 江西时时彩杀号软件下载 天吉网历史号码比较器 时时彩平台漏洞 时时彩是怎玩法的利润
    重庆时时彩在线投注 金塔时时彩登录地址 至尊时时彩 红树林国际是不是骗局 5星转换4星时时彩软件
    时时彩有哪些平台可靠 内蒙古时时彩快三开奖号码 任天堂时时彩网址 江西时时彩遗漏分析 时时彩怎么老是输钱
    秒速时时彩的官网 时时乐 云南十一选五走势图 湖南幸运赛车开奖视频 福建十一选五走势图遗漏
    中国体彩七星彩 北京赛车的计划 辽宁体彩11选5开奖视频 江西11选5开奖结果79 秒速时时彩是假的吗
    重庆时时彩开奖 最好的时时彩软件手机版 河南快3热冷号走势图 幸运农场玩法技巧 浙江十一选五遗漏
    现金博彩 A彩彩票 福利彩票3d试机号 广西快三什么时候开始 吉林11选5规则