实现图片翻转,首先来分析一下我们希望实现的是怎样的翻转效果?又该如何去实现呢? 一、希望实现的效果 页面上的图片在光标悬停在上面的时候会发生翻转效果,翻转过后显示出背面的说明文字。 鼠标没有悬停在上面的效果 鼠标悬停在其中一张图片上的效果: 二、实现方法 每幅图片的翻转效果都是沿着Y轴进行反转的,可 ...
分类:
Web程序 时间:
2019-08-20 10:51:45
阅读次数:
253
伪类的用法: 标签: :link 表示该超链接文字尚未被点选 :visited 表示该超链接文字已被点选过 :active 表示该超链接文字正被点选,但未被放开 :hover 表示当鼠标停留在文字上 css的一些常用属性标签: background:背景颜色 padding(内边框):padding ...
分类:
Web程序 时间:
2019-08-14 12:56:10
阅读次数:
104
题目链接:http://icpc.upc.edu.cn/problem.php?cid=1828&pid=7 题目描述 Now you have a string consists of uppercase letters, two integers A and B. We call a subst ...
分类:
其他好文 时间:
2019-08-10 14:03:38
阅读次数:
103
web应用 web应用程序是一种可以通过Web访问的应用程序,程序的最大好处是用户很容易访问应用程序,用户只需要有浏览器即可,不需要再安装其他软件。应用程序有两种模式C/S、B/S。C/S是客户端/服务器端程序,也就是说这类程序一般独立运行。而B/S就是浏览器端/服务器端应用程序,这类应用程序一般借 ...
分类:
Web程序 时间:
2019-08-04 00:53:18
阅读次数:
126
边框样式:border-width,边框的宽度 border-style,边框的外观 border-color,边框的颜色 背景样式:background-color,背景颜色 background,定义背景图像的路径,这样图片才能显示 background-reper,显示方式,例如纵向平铺、横向 ...
分类:
Web程序 时间:
2019-08-02 14:32:21
阅读次数:
112
高级选择器 伪类与属性选择器 a标签的四大伪类 ...
分类:
其他好文 时间:
2019-08-01 18:49:28
阅读次数:
90
pointer-events 更像是JavaScript,它能够: 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS里的 hover 和 active 状态的变化触发事件 阻止JavaScript点击动作触发的事件 阻止用户的点击动作产生任何效果 阻止缺省鼠标指针的显示 阻止CSS ...
分类:
Web程序 时间:
2019-07-29 14:11:44
阅读次数:
324
原文:www.zhangxiyu 一、CSS下兼容性的元素水平/垂直翻转实现 随着现代浏览器对CSS3的支持愈发完善,对于实现各个浏览器兼容的元素的水平翻转或是垂直翻转效果也就成为了可能。相关的CSS代码如下: /*水平翻转*/ .flipx { -moz-transform:scaleX(-1); ...
分类:
Web程序 时间:
2019-07-19 20:48:10
阅读次数:
135