html中设计对联,纯CSS+DIV对联

CSS代码为：

.r1{width:80px;height:80px;background:red;float:right;

position:fixed !important; top/**/:200px;

position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);right:20px;}

.r2{width:80px;height:80px;background:red;float:right;

position:fixed !important; top/**/:300px;

position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);right:20px;}

.l1{width:80px;height:80px;background:red;float:right;

position:fixed !important; top/**/:200px;

position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:20px;}

.l2{width:80px;height:80px;background:red;float:right;

position:fixed !important; top/**/:300px;

position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;}

页面代码为：

出处：源码网

html中设计对联,纯CSS+DIV对联相关推荐

纯css DIV弹出动画
效果 css核心代码 animation-slide-left 从左边弹出 animation-slide-right 从右边弹出 animation-scale-up 从上边弹出 animation ...
css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...
android h5 div高度自适应,css div自适应高度height
DIVCSS5为大家介绍两种情况下自适应高度样式设置与解决. 第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度: 第二种:没有最小高度,DIV完全自适应高度. 以下为大家介绍这两种 ...
HTML中的对联代码,纯CSS(非JS)代码实现固定对联的方法超短超实用！
之前用JS实现对联漂浮,从而固定它不让它随滚动条往上移,不过用了后感觉效果不是很好,因为JS一直在计算对联的位置,然后对其移位,如果滚动条拉得快一点,对联会先出现在屏幕下方,然后在JS的作用下,移到设 ...
div旋转 vue_详细解析：uniapp项目|vue组件形式实现的水珠晃动loading纯CSS动效
前言上一篇文件给大家分享了一个颇具科技感的loading动效,[→传送门]这篇文章,小凡再来跟大家分享一个很酷的水珠晃动loading动效,依然是纯CSS实现的哦! 一.效果展示及思路分析 1.效果 ...
html div三角形,【div】纯CSS绘制三角形
原标题:[div]纯CSS绘制三角形我们的网页因为 CSS 而呈现千变万化的风格.这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果.特别是随着 CSS3 的广泛使 ...
纯css解决div隐藏浏览器原生滚动条，但保留鼠标滚动效果的问题
纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题参考文章: (1)纯css解决div隐藏浏览器原生滚动条,但保留鼠标滚动效果的问题 (2)https://www.cnblogs.co ...
html 悬浮在固定位置,纯CSS实现DIV悬浮(固定位置)
[推荐]2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 纯CSS实现的DIV悬浮效果(固定位置),兼容常用的浏览器:IE8.360.FireFox.Chrome.Sa ...
纯css实现div中未知尺寸图片的垂直居中
1.淘宝的方法在曾经的"淘宝UED招聘"中有这样一道题目: "使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中.&quo ...

html中设计对联,纯CSS+DIV对联

html中设计对联,纯CSS+DIV对联相关推荐

最新文章

热门文章