.redius{ border-left:10em solid red; border-top:10em solid; -webkit-border-top-left-radius:10em; -webkit-border-top-right-radius:0px; ...
转载
2014-12-15 10:08:00
233阅读
2评论
一、Css3 实现扇形 实现原理说明 使用transform skew 扭曲实现扇形角度，使用rotate宣传，实现多角度。 原理图： 二、Css3 实现六角扇形 实现案例 css代码： .circleBlock { width: 200px; height: 200px; border: 1px
转载
2020-10-19 17:43:00
1592阅读
2评论
http://tympanus.net/Tutorials/CircularNavigation/interactivedemo/index.html
转载
2014-12-15 10:14:00
388阅读
2评论
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.
原创
2022-06-30 17:11:44
443阅读
【CSS】CSS画矩形、圆、半圆、弧形、半圆、小三角、疑问框，css矩形 在网页中，经常会用到各种Icon，如果老是麻烦设计狮画出来不免有些不好意思，所以有时候我们也可以用CSS写出各种简单的形状，一来可以减轻他们的负担，二来也可以使用CSS替代图片，提高加载速度。 在网页中，结合CSS能画出来的最基本的形状就是矩形，所以，我们可以在矩形的基础上做出各种变换，得到很多不同的形状。 这次的分享主
转载
2023-09-02 21:53:45
107阅读
一、介绍 创建动画有多种方式，除了传统的利用setInterval来不断改变元素的属性值，和最新canvas中requestAnimationFrame以外，此处介绍三种创建动画的方式。总的来说，这三种都可以归为css3的动画方式，但是，不同的方式伸展拳脚的地方也就不一样。（注意，此处三种方式均基于JQuery） 二、创建动画的三种方式1、css() + transform 这是最简单的一种方式，
转载
2024-04-02 15:43:29
64阅读
前置知识点:root:root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示元素，除了优先级更高之外，与 html 选择器相同。在声明全局 CSS 变量时 :root 会很有用：:root --main-color: hotpink; --pane-padding: 5px 42px;}place-itemsCSS 中的 place-items 是一个简写属性
原创
精选
2022-08-10 10:52:01
722阅读
一、文本颜色渐变 <gradient> ：可以应用在所有接受图像的属性上，允许使用简单的语法实现颜色渐变，以便UA在渲染页面自动生成图像。 语法：<gradient> = linear-gradient() | repeating-linear-gradient() | radial-gradien
转载
2019-07-10 17:53:00
451阅读
2评论
转载请标明出处：蒋宇捷(hfahe) http://blog..net/hfahe 考虑一下，如何在网页中达到类似以下文字渐变的效果？ 传统的实现中，是用一副透明渐变的图片覆盖在文字上。具体实现方式可参考http://www.qianduan.net/css-gradient-text-effect.html。
转载
2022-01-06 16:22:33
667阅读
考虑一下，如何在网页中达到类似以下文字渐变的效果？ 传统的实现中，是用一副透明渐变的图片覆盖在文字上。具体实现方式可参考http://www.qianduan.net/css-gradient-text-effect.html。这种方式优点是图片可控，所以可实现很复杂的渐变效果，但是缺点是图片渐...
转载
2014-08-26 06:36:00
227阅读
不得不爱过渡(CSS3)案例过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态帧动画：通过一帧一帧的画面按照固定顺序和速度播放。
原创
2020-07-15 10:21:01
2202阅读
1.在需要移动的对象上加上a标签，并定义CSS 2、定义CSS
原创
2021-08-10 11:45:41
759阅读
请标明出处：蒋宇捷(hfahe) ://blog..net/hfahe 考虑一下，如何在网页中达到类似以下文字渐变的效果？ 传统的实现中，是用一副透明渐变的图片覆盖在
转载
2011-02-28 00:12:00
152阅读
CSS3过渡效果（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">\
原创
2022-10-20 10:05:50
2155阅读
扇形制作原理，底部一个纯色原形，里面2个相同颜色的半圆，可以是白色,内部半圆按一定角度变化，就可以产生出扇形效果<html><head> <meta charset="UTF-8"> <title>扇形绘制</title> <style> .shanxing{ ...
转载
2021-06-08 14:44:55
713阅读
像手腕上散发的香水味CSS3盒模型案例CSS3盒模型CSS3中可以通过box-sizing 来指定盒模型，即可指定为content-box、border-box，这样我们计算盒子大小的方式就发生了改变。可以分成两种情况：1、box-sizing: content-box 盒子大小为 width + padding + border content-box:此值为其默认值，
原创
2020-07-15 09:25:54
791阅读
CSS3动画序列（CSS3）<!DOCTYPE html><html lang="en"><head> <meta charset="UT\
原创
2022-10-20 10:05:58
5122阅读
CSS基础《图解CSS》CSS简介《图解CSS》选择器《图解CSS》盒子模型CSS
原创
2022-09-01 15:35:28
228阅读
