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

    大乐透守号 东森时时彩平台网址 2017西安时时彩诈骗案 时时彩平刷王破解版 时时彩走势分析破解版
    时时彩记录163 时时彩平台提现 江西时时彩诀窍 江西人人通手机客户端 重庆时时彩平台手机版
    第三方支付平台有哪些 仲博平台在线登录 时时彩计划宝马 时时彩软件日租 重庆时时彩号码采集器
    时时彩走势乐彩 时时彩暗箱操作 博众时时彩软件破解版 时时彩论坛网址大全 重庆时时彩胆组做号
    新疆时时彩开奖号码视频 幸运飞艇人工计划 福彩3d图谜总汇牛彩网 快乐12开奖结果辽宁计划 手机捕鱼游戏平台渔人365,电子捕鱼器捕鱼视频,捕鱼之海底捞,捕鱼达人攻略,捕鱼王
    天中图库好运彩339 福彩开奖结果查询 重庆时时彩 山西省快乐10分钟走势图 四川金7乐下载v1.0
    北京赛车投注官方 捕鱼比赛赢话费 黑龙江p62号码 二八杠怎么压才赢,打牌二八杠怎么打 十一运夺金前三组技巧计划☆十一运夺金精准选号计划☆十一运夺金开奖查询计划☆十一运夺金万能七码
    快乐十分直播 江西11选5遗漏数据 美国一分彩计划 澳门三公比牌规则 排列3杀号