求求ps大神帮忙p图忙

求大神帮忙看下为什么切换不对
发不了全部代码,只能发这一部分了
/*任务二、设置缩略图形状*/
content:"";
height: 120
width: 120
border: 5px solid #
border-radius: 50%;
left: 50%;
margin-left: -60
z-index: 9999;
/*任务三、设置缩略图背景图像*/
li:nth-of-type(1) a::after{
background: url(/demo/css3/CSS3Fullbackground/sbg1.jpg) no-
li:nth-of-type(2) a::after{
background: url(/demo/css3/CSS3Fullbackground/sbg2.jpg) no-
li:nth-of-type(3) a::after{
background: url(/demo/css3/CSS3Fullbackground/sbg3.jpg) no-
li:nth-of-type(4) a::after{
background: url(/demo/css3/CSS3Fullbackground/sbg4.jpg) no-
li:nth-of-type(5) a::after{
background: url(/demo/css3/CSS3Fullbackground/sbg5.jpg) no-
/*任务四、给缩略图添加蒙板效果*/
a::before{
content:"";
height: 120
width: 120
border: 5px solid #
border-radius: 50%;
left: 50%;
margin-left: -60
z-index: 99999;
background: rgba(0,0,0,0.3);
/*任务五、鼠标悬浮时,修改缩略图蒙板透明度*/
a:hover::before{
opacity:0;
/*任务六、点击综略图,切换背景图*/
/*背景图从左向右出现*/
.slideLeft:target{
z-index: 100;
-webkit-animation-name: slideL
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-name: slideL
-moz-animation-duration: 1s;
-moz-animation-iteration-count: 1;
-ms-animation-name: slideL
-ms-animation-duration: 1s;
-ms-animation-iteration-count: 1;
-o-animation-name: slideL
-o-animation-duration: 1s;
-o-animation-iteration-count: 1;
animation-name: slideL
animation-duration: 1s;
animation-iteration-count: 1;
/*背景图从下向上出现*/
.slideBottom:target{
z-index: 100;
-webkit-animation-name: slideB
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-name: slideB
-moz-animation-duration: 1s;
-moz-animation-iteration-count: 1;
-ms-animation-name: slideB
-ms-animation-duration: 1s;
-ms-animation-iteration-count: 1;
-o-animation-name: slideB
-o-animation-duration: 1s;
-o-animation-iteration-count: 1;
animation-name: slideB
animation-duration: 1s;
animation-iteration-count: 1;
/*背景图由小到大出现*/
.zoomIn:target{
z-index: 100;
-webkit-animation-name: zoomIn;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-name: zoomIn;
-moz-animation-duration: 1s;
-moz-animation-iteration-count: 1;
-ms-animation-name: zoomIn;
-ms-animation-duration: 1s;
-ms-animation-iteration-count: 1;
-o-animation-name: zoomIn;
-o-animation-duration: 1s;
-o-animation-iteration-count: 1;
animation-name: zoomIn;
animation-duration: 1s;
animation-iteration-count: 1;
/*背景图由大到小出现*/
.zoomOut:target{
z-index: 100;
-webkit-animation-name: zoomO
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-name: zoomO
-moz-animation-duration: 1s;
-moz-animation-iteration-count: 1;
-ms-animation-name: zoomO
-ms-animation-duration: 1s;
-ms-animation-iteration-count: 1;
-o-animation-name: zoomO
-o-animation-duration: 1s;
-o-animation-iteration-count: 1;
animation-name: zoomO
animation-duration: 1s;
animation-iteration-count: 1;
/*背景图旋转出现*/
.rotate:target{
z-index: 100;
-webkit-animation-name:
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-name:
-moz-animation-duration: 1s;
-moz-animation-iteration-count: 1;
-ms-animation-name:
-ms-animation-duration: 1s;
-ms-animation-iteration-count: 1;
-o-animation-name:
-o-animation-duration: 1s;
-o-animation-iteration-count: 1;
animation-name:
animation-duration: 1s;
animation-iteration-count: 1;
/*任务七、设置不显示的背景图层级*/
/* Not Target */
.bg:not(:target){
-webkit-animation-name: notT
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-moz-animation-name: notT
-moz-animation-duration: 1s;
-moz-animation-iteration-count: 1;
-ms-animation-name: notT
-ms-animation-duration: 1s;
-ms-animation-iteration-count: 1;
-o-animation-name: notT
-o-animation-duration: 1s;
-o-animation-iteration-count: 1;
animation-name: notT
animation-duration: 1s;
animation-iteration-count: 1;
非常感谢!
写下你的评论...
Copyright (C)
All Rights Reserved | 京ICP备 号-2<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
您的访问请求被拒绝 403 Forbidden - ITeye技术社区
您的访问请求被拒绝
亲爱的会员,您的IP地址所在网段被ITeye拒绝服务,这可能是以下两种情况导致:
一、您所在的网段内有网络爬虫大量抓取ITeye网页,为保证其他人流畅的访问ITeye,该网段被ITeye拒绝
二、您通过某个代理服务器访问ITeye网站,该代理服务器被网络爬虫利用,大量抓取ITeye网页
请您点击按钮解除封锁&求大神帮忙
the method onCreate in type FirstClass can only set one of public / protected / private怎么办?只允许定义一个变量
非常感谢!
写下你的评论...
Copyright (C)
All Rights Reserved | 京ICP备 号-2英语问题,求大神帮忙解决啊!仿写句子例一A:did you go anywhere in winter? B:yes.I went to Shandong. A:What did you do there? B:I climbed a mountain (关于长城的)A:?B:?A:?B:?例二A:Where did you go in winter?
B: I went to Harbin.
A: Did you go skating? B: yes.I did.(关于度假游泳的)A:?B:?A:?B:?
血刺江湖丶朱v
Did you go anywhere in summer? B: yes,I went to BeiJing A: where did you go there?
B: i visit greed wellWhere di you go in summer? B: I went to hainan A: Did you swimming? B: yes,I did
为您推荐:
扫描下载二维码

我要回帖

更多关于 求大神帮忙ps 的文章

 

随机推荐