-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-...
转载
2023-01-18 06:45:25
100阅读
样式：border-radius:5px 15px 20px 25px;顺序依次是上右下左
转载
2022-07-20 11:04:20
390阅读
图形绘制前言CSS绘制圆形基本圆形圆环and同心圆 前言如果是纯颜色的背景图，当然是css方便，一句代码就可以定义了，加载图片还耗时。但如果不是纯色背景，图像颜色内容很复杂，当然得用图片，css制作不了。本章就记录一些常见的css图形应用。CSS绘制圆形基本圆形圆形其实就是正方形边框圆角50%。#circle {
border-radius: 50%;
width: 160px;
h
转载
2024-04-30 23:16:23
105阅读
30行代码实现纯CSS—3种换肤老规矩，先把代码给大家，拿去粘贴直接用，无需引用，不
原创
2022-08-23 10:50:38
136阅读
1578****854 CSS3圆形头像 header.png效果图
原创
2022-07-18 12:13:16
647阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name
原创
2022-07-06 16:40:49
1909阅读
css圆角（border-radius）的深入理解写在前面：1.介绍：
在border-radius出来之前，传统的生成圆角，必须使用多张图片作为背景图案，浪费很多的时间。
css3圆角的出现，使我们再也不必浪费时间去制作这些图片了，并且可以减少文件维护的工作量、提高网页性能，增加视觉可靠性。
2.border-radius:
这是一个简写属性，用来设置：
border-top-lef
转载
2024-04-16 15:19:50
173阅读
流传很广的一个例子。<style type="text/css">div.roundedcorner{background: #3a6ea5; width: 200px; color:white}b.r {display:block;background: #fff}b.r b {display:block;height: 1px;overflow: hidde
转载
2009-09-29 15:42:42
567阅读
如果能避免使用JavaScript就实现DOM元素动画效果,那我非常乐于不用JS去实现。 因为更高效，而且不需要JS框架来一步步处理，代码更美观优雅。 用纯CSS来实现很难确定的一个特效是 上下滑动——当向上滑的时候内容渐变隐藏，向下滑动内容渐变显示。 之所以难以实现的原因是你可能不能获得内容的高度。 在经历了多种多样的CSS属性之后，我发现了一种利用纯CSS来实现滑动特效的方法。HTML部分
转载
2013-08-27 19:17:00
2111阅读
2评论
原文地址: CSS Triangles 演示地址：CSS Triangles Demo 原文日期: 2013年8月5日翻译日期: 2013年8月9日本文两种实现方式: 使用或不使用 before 和 :after 伪元素(伪类,pseudo-elements)最近重新设计了我的网站，准备添加tooltips提示信息效果.实现很容易，但我想要让提示功能具有三角形的指
原创
2022-02-16 15:05:16
966阅读
纯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
241阅读
2评论
纯css 瀑布流 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co ...
转载
2021-10-19 16:34:00
541阅读
2评论
做一个星级评价的功能不是很难，但是要单纯用CSS写估计就有点难度了，先来个截图： 效果很简单，可能现在您现在脑子里已经有实现的思路了。下面先看一下我们通常情况下的实现方法：CSS： 以下为引用的内容： .jsstar &nb
转载
2022-11-28 16:31:28
76阅读
感谢印记中文的 QC-L[1] 对本文进行，英文原文: English Version[2]。在 重新构想原子化 CSS中，我提到了 UnoCSS[4] 的一个预设，它提供了在纯 C...
转载
2021-11-22 16:53:28
460阅读
在Web开发中。通过CSS代码也能够实现一些简单的图片，当然，假设你有耐心，也能够实现较为复杂的图片噢。 那么请问为什么有图片不去用而须要用CSS来实现呢？一是由于性能的原因，图片带给server和client的压力比几行CSS代码要大得多。二是由于没有必要。有些简单的效果利用CSS就能够直接完毕了
转载
2017-05-31 11:20:00
377阅读
2评论
原文地址: CSS Triangles 演示地址：CSS Triangles Demo 原文日期: 2013年8月5日 翻译日期: 2013年8月9日 本文两种实现方式: 使用或不使用 before 和 :after 伪元素(伪类,pseudo-elements)最近重新设计了我的...
转载
2013-08-09 10:34:00
765阅读
2评论
感谢印记中文的 QC-L[1] 对本文进行翻译，英文原文: English Version[2]。在 重新构想原子化 CSS中，我提到了 UnoCSS[4] 的一个预设，它提供了在纯 C...
转载
2022-01-14 17:42:58
304阅读
不需要图片和js技术。能够兼容各种浏览器，不兼容opera.支持三种按钮状态，即正常，
原创
2022-04-22 15:45:10
431阅读
第一章、基本的圆角框 原创：冰极峰 转载请注明出处 2009年11月30日10:19:34 序言：在我的文章《超圆滑圆角框的半完美解决方案》中已经总结了七种不同的圆角框解决方案，基本上总结完了目前网络上比较流行的圆角框实现方案。而在我的
转载
2009-11-30 17:40:00
113阅读
什么是Tootips? 这就是Tooltips如你所见，这些附加的说明文字在鼠标经过的时候显示。 当然,支持HTML.如: .<html> <head> </head> <style type="text/css"> /*Tooltips*/ .tooltips{ position:relative; /*这个是关键*/ z-index:2; } ....
转载
2009-05-25 10:03:00
107阅读
2评论
