简单的链接向右下凹陷效果

原创 2007年09月29日 09:54:00

  链接的效果可以被广大且有才的同学们做成漂亮的乱七八糟,所以我就不再在“漂亮”上较真了:)

  重新把曾经一段时间被人们喜爱的“向右下凹陷”的链接效果整理了一下,当个回忆也好...

  [演示地址:http://www.doyoe.com/model/xhtmlcss/style/a.htm

CODE:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="Author" content="飘零雾雨|edzmaster@gmail.com" />
<title>链接向右下凹陷的效果</title>
<style type="text/css">
body {
 margin:100px;
 font:12px/180% "宋体";
}
fieldset {width:200px;border:1px solid #bbb;border-top-width:3px;}
a:hover {position:relative;top:1px;left:1px;}
a.un:hover,a.nu,a.nn {text-decoration:none;}
a.nu:hover {text-decoration:underline;}
</style>
</head>
<body>
<fieldset><legend>链接向右下凹陷</legend>
<ul>
 <li><a href="">测试链接向右下凹陷的效果</a></li>
 <li><a class="un" href="">测试链接向右下凹陷的效果</a></li>
 <li><a class="nu" href="">测试链接向右下凹陷的效果</a></li>
 <li><a class="nn" href="">测试链接向右下凹陷的效果</a></li>
</ul>
</fieldset>
</body>
</html>

  看到例子,就不需要解释原理了,很简单:)  

 

Android实现边缘凹凸的View

转载最近做项目的时候遇到一个卡劵的效果,由于自己觉得用图片来做的话可以会出现适配效果不好,再加上自己自定义view方面的知识比较薄弱,所以想试试用自定义View来实现。但是由于自己知识点薄弱,一开始居...
  • whuhan2013
  • whuhan2013
  • 2016年05月21日 10:37
  • 2201

CSS3中文本的描边(普通描边、凸起、凹陷)和发光效果

利用text-shadow属性的特性,同时在上,下,左,右中个方向为文字设置多个阴影,且不设置模糊作用距离(即默认没有模糊效果),就可以实现文本的描边效果了。 文本的描边效果 p{ pad...
  • Cryhelyxx
  • Cryhelyxx
  • 2013年10月30日 14:06
  • 9610

PS 滤镜——(扭曲)逆球面化 (凹陷效果)

%%% Inverse_Spherize %%% 逆球面化 clc; clear all; close all; addpath('E:\PhotoShop Algortihm\Image Pro...
  • shinian1987
  • shinian1987
  • 2015年02月08日 17:50
  • 2620

CSS3中文本的描边(普通描边、凸起、凹陷)和发光效果

利用text-shadow属性的特性,同时在上,下,左,右中个方向为文字设置多个阴影,且不设置模糊作用距离(即默认没有模糊效果),就可以实现文本的描边效果了。 文本的描边效果 p{ pad...
  • Cryhelyxx
  • Cryhelyxx
  • 2013年10月30日 14:06
  • 9610

PS 滤镜——(扭曲)逆球面化 (凹陷效果)

%%% Inverse_Spherize %%% 逆球面化 clc; clear all; close all; addpath('E:\PhotoShop Algortihm\Image Pro...
  • shinian1987
  • shinian1987
  • 2015年02月08日 17:50
  • 2620

iOS 仿淘宝加入购物车 向内凹陷折叠动画效果

转自:http://www.jianshu.com/p/1272fed070b7 1. 实现效果: 项目中需要添加一个效果,弹出弹框时,底部控制器向内凹陷,类似淘宝加入购物车动画效果,如下...
  • jacker_2014
  • jacker_2014
  • 2016年12月02日 11:34
  • 544

多种JS效果图(对联,右下窗弹窗,图片轮换等)

  • 2011年12月19日 11:12
  • 978KB
  • 下载

OpenCV——PS滤镜算法之 球面化 (凹陷效果)

// define head function #ifndef PS_ALGORITHM_H_INCLUDED #define PS_ALGORITHM_H_INCLUDED #include #...
  • shinian1987
  • shinian1987
  • 2016年02月19日 16:12
  • 1730

iOS 仿淘宝加入购物车前选择尺寸,规格弹窗的向内凹陷折叠动画效果和标签流布局

项目中做了一套电商的购物流程,很多都是照着淘宝做的,之前一直疑惑淘宝的弹框 时,底部的控制器向内凹陷是什么鬼,这动画有点理解不了,一直就放着没有做,这周 末突然在github上看到一个老外...
  • sadsadaadsd
  • sadsadaadsd
  • 2016年12月04日 10:08
  • 481

内阴影 内部凹陷 UIBezierPath简单应用

遇到了个第一次见的效果:内阴影效果! 直接layer shadow调了半天还是外阴影,关键是UI不给图!!!mmp的然后大佬指引我画张图垫底下 果然,调了调完全可以解决。下面是关键代码部分:- (...
  • u012877287
  • u012877287
  • 2018年01月13日 17:52
  • 51
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:简单的链接向右下凹陷效果
举报原因:
原因补充:

(最多只允许输入30个字)