<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><title>纯CSS打造的DIV弹出层效果</title></head><style typ
转载
精选
2014-07-25 10:38:18
453阅读
纯CSS圆角效果
纯CSS圆角效果
纯CSS圆角效果
1 <html> 2 <head> 3 <title>纯CSS圆角效果</title> 4 <meta http-equiv="content-type" content="text/html; charset=gb2312"> 5 <
转载
2010-04-09 09:26:00
134阅读
2评论
原文日期： 2013年08月26日 翻译日期： 2013年08月27日 如果能避免使用JavaScript就实现DOM元素动画效果,那我非常乐于不用JS去实现。 因为更...
转载
2013-08-27 16:30:00
793阅读
2评论
如果能避免使用JavaScript就实现DOM元素动画效果,那我非常乐于不用JS去实现。 因为更高效，而且不需要JS框架来一步步处理，代码更美观优雅。 用纯CSS来实现很难确定的一个特效是 上下滑动——当向上滑的时候内容渐变隐藏，向下滑动内容渐变显示。 之所以难以实现的原因是你可能不能获得内容的高度。 在经历了多种多样的CSS属性之后，我发现了一种利用纯CSS来实现滑动特效的方法。HTML部分
转载
2013-08-27 19:17:00
1449阅读
2评论
纯css闪烁
效果demo具体速度和颜色自己可以自己调<div class="father-box"> <div class="header-box"> </div> </div>@keyframes test { from { opacity: 1.0; } 50% {
写在前面使用纯 CSS 实现波浪效果不再困难，CSS 奇技淫巧。一直以来，使用纯 CSS 实现波浪效果都是十分困难的。因为实现波浪的曲线需要借助贝塞尔曲线。而使用纯 CSS 的方式，实现贝塞尔曲线，额，暂时是没有很好的方法。当然，借助其他力量（SVG、CANVAS），是可以很轻松的完成所谓的波浪效果的。先看看，非 CSS 方式实现的波浪效果：2非CSS实现方式使用 SVG 实现波浪效果借助 SVG
原创
2021-01-09 22:01:44
907阅读
纯css制作loading效果 Loading...
原创
2021-07-27 20:50:33
196阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>纯css制作loading效果</title> <style type="text/css"&am
一直以来，使用纯 CSS 实现波浪效果都是十分困难的。 因为实现波浪的曲线需要借助贝塞尔曲线。 而使用纯 CSS 的方式，实现贝塞尔曲线，额，暂时是没有很好的方法。 当然，借助其他力量（SVG、CANVAS），是可以很轻松的完成所谓的波浪效果的，先看看，非 CSS 方式实现的波浪效果。 使用 SVG
效果 效果图如下，
纯css实现超酷炫的星级评分动画
效果 实现思路 5个类型为radio的input，label标签修改样式背景图为星星 label标签给每个星星鼠标停留时加注名字 点击星星有放大旋转的动画 dom结构 用form实现 <form> <div class="star"> <input
转载
2020-10-19 12:45:00
676阅读
2评论
演示效果：CSS代码：<style type="text/css"> div.RoundedCorner{background: #9BD1FA} b.rtop, b.rbottom{display:block;background: #FFF} b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA} b.r1{margin: 0 5px} b.r2{margin: 0 3px} b.r3{margin: 0 2px} b.rtop b.r4,
转载
2013-04-01 11:13:00
64阅读
2评论
效果： 代码实现：<!DOCTYPE html><html>
原创
2021-08-27 15:03:12
210阅读
效果： 代码实现：<!DOCTYPE html><...
原创
2022-01-27 13:51:10
255阅读
利用CSS3 选择器和 配合实现tab切换 效果： 代码： 原理就是点击label的时候就会选中input标签，然后通过CSS让当前选中的那个元素的对应内容显示就好了。 利用:target实现遮罩层效果 单击按钮的时候会弹出遮罩层，如果再点遮罩层的话就会把遮罩层给隐藏。 代码： 长期更新...
原创
2021-08-04 11:05:43
99阅读
实现原理主要图形的组成元素由背景和前景图两个元素，以下示例代码中，背景元素使用伪元素 figure::before 表示， 前景元素使用 figure img 表示，当鼠标 hover 悬浮至 figure 元素时，背景元素产生变大效果，前景元素产生变大并向上移动效果，从而从视觉上实现弹出效果。背景元素 figure::before前景元素 figure img1. 使用 overflow: hi
转载
2021-04-18 19:09:55
123阅读
2评论
实现原理主要图形的组成元素由背景和前景图两个元素，以下示例代码中，背景元素使用伪元素 figure::before 表示， 前景元素使用 figure img 表示，当鼠标 hover 悬浮至 figure 元素时，背景元素产生变大效果，前景元素产生变大并向上移动效果，从而从视觉上实现弹出效果。背景元素 figure::before前景元素 figure img1. 使用 overflow: hi
转载
2021-04-28 11:14:30
99阅读
2评论
下雪效果只是一类效果的名称，可以是红包雨等一些自由落体的运动效果，本文就是用纯css模拟下雪的效果，更多效果大家可以自行发挥。 1、前言由于公司产品的活动，需要模拟类似下雪的效果。浏览器实现动画无非css3和canvas（还有gif），对比下css3和canvas的优缺点：动画自由度：canvas胜；复杂度：canvas胜；兼容性：canvas胜；性能：css3胜（requestAnim
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-eq
