CSS3)

HTML5和CSS3

css3增加了transition过渡属性，transfrom变形属性，animation帧动画标签语义化：用合理的标签做合理的事情CSS3有哪些新特性？
66dong66·2021-05-17 05:09

HTML5 & CSS3

题目1：HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的IE支持HTML5新标签HTML5是HTML的第五次重大修改，设计目的是为了在移动设备上支持多媒体。特性：语义特性本地存储特性（localStorageIndexedDB）设备兼容特性（Geolocation）连接特性（实时特性、webSockets）网页多媒体特性（AudioVideoCanvasSVG）性能与集成特性（XML
普莱那·2021-05-17 01:22

移动前端开发项目-6.固定头部的制作

>basis.scss3、书写导航栏样式（basis.scss）4、创建sty
小豌豆书吧·2021-05-16 21:22

HTML5权威指南 | 第三部分 CSS篇

W3C并不想创建一个单一标准，因此将CSS3分割成了多个模块，并允许每个模块根据自身需要进行更新。
夏海峰·2021-05-16 02:43

H5基础 1

了解HTML是一种描述网页的一种语言是一种超文本标记语言不是编程语言,是一种标记语言HTML5所包含的知识HTMLXHTMLCSSCSS3JavaScriptjqueryHTML5HTML5的新特性用于绘画的
Xavier_yang·2021-05-16 00:52

CSS居中小结

下面是CSS居中的几种方法：水平居中元素：通用方法，元素的宽高未知方式一：CSS3transform方式二：Flex布局适用于子元素为浮动，绝对定位，内联元素，均可水平居中。
饥人谷_enzo·2021-05-15 17:26

CSS3帧动画总结

帧动画通过定义一段动画中的关键点、关键状态来创建动画。transition虽然也有对帧的控制，但是控制粒度往往比较大，其主要是对一个变化过程，比如：宽度/背景变化过程中，设置变化时间/速度以及在哪开始变化。虽然里面也有类似于帧的transition-timing-function:steps(5,start)控制每一帧，但是每一帧都是对同一变化进行控制的。而对于想要对元素变化时设置不同效果，显然是
chen_cheng·2021-05-15 16:55

CSS3动画3D

3D效果给需要做3D动画的元素的父元素开启3D效果transform-style:preserve-sd;设置距离值：舞台深度perspective:2000px;设置舞台中心点(基准点的位置)默认父元素的中心perspective-origin:100px0;无论是开启3D模式，还是设置舞台深度，还是设置基准点，都是设置给父级元素的只有设置元素背面不可见，是设置给元素自身的backface-vi
大小伍·2021-05-15 07:45

前端面试3

解释一下这2个伪元素的作用经常会遇到的的伪元素有：::before,::after（在CSS3中唯一引入的伪元素是::selection），伪类包括：:focus,:hover,:link。
卡农me·2021-05-14 22:00

圆环进度圈

在一些网站的会有一些简历完整度，信用分等，如下图gif截图是用css3完成的效果。实际效果要流畅更真实一些，gif截图看着有些稍卡。
无害wen·2021-05-14 21:13

CSS的background简写方式

background-attachment][background-position]/[background-size][background-origin][background-clip];新增加的CSS3
panw3i·2021-05-14 17:37

高级7-html5 & css3

增加了语义化的标签、新的属性、支持视频音频的嵌入、全面支持CSS3、可以使用来进行绘图等新增标签章节定义一个文章区域定义一个文档
Maggie_77·2021-05-14 15:34

html5+canvas全屏的520爱心表白网页代码

一款很有创意的JavaScript爱情表白网页动画特效js爱心气泡表白墙特效代码，js+css3实现的程序员爱心表白网页动画，带恋爱时间记录满屏的粉色爱心漂浮背景动画特效❉文件目录❉代码实现爱心*{margin
@码出未来·2021-05-14 14:12

CSS3 复选框动画特效

这篇文章中所讲解到的内容和上一篇内容类似，所以在这里不再对具体细节进行详细介绍，不了解的地方可以参照CSS3单选框动画特效,下面我们将直接展示动画效果并给上代码。
ghwaphon·2021-05-14 11:44

CSS的background简写方式

在CSS2.1里，background属性的简写方式包含五种属性值，从CSS3开始，又增加了3个新的属性值，加起来一共8个。CSS2.1background-color使用的背景颜色。
RunningCoderLee·2021-05-14 10:16

3D颗粒效果翻转

3D颗粒效果是利用transition、transform，transform-style:perpective-3d;来完成此次的效果；首先我们要用css3把基本样式做好；再来进行js的效果处理；颗粒效果
嘬烟盒的程序员·2021-05-14 10:33

em和rem笔记

在CSS中，设置字体和宽高使用的单位可以一致，例如：px/rem/em/rem来源rem是CSS3中的单位和px关系px是使用最多的单位，em和rem可以和px单位进行换算，就如克和千克之间可以换算一样
他在发呆·2021-05-14 02:29

ie9以下不支持css3媒体查询解决方法

在htmlhead头部部分添加以上代码，respond.js地址：https://github.com/guoCoco/css3-IE78-media-
郭可可_e90d·2021-05-13 23:33

关于CSS3 新特性

一、CSS3边框在css3中新增的边框属性如下：创建圆角边框示例在CSS2中添加圆角很棘手，我们不得不在每个角落使用不同的图像。
于晓鱼·2021-05-13 20:01

（2018-05-04.Python从Zero到One）五、（前端）HTML5与CSS3__1.5.1CSS权重

上一篇文章为:→1.5.0课程介绍CSS权重CSS权重指的是样式的优先级，有两条或多条样式作用于一个元素，权重高的那条样式对元素起作用,权重相同的，后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级，按照等级来计算权重1、!important，加在样式属性值后，权重值为100002、内联样式，如：style=””，权重值为10003、ID选择器，如：#content，权重值为
lyh165·2021-05-13 19:19

CSS3图形实战

->自适应的椭圆鼠标划上来看看.div1{background:#fb3;width:200px;height:200px;line-height:200px;text-align:center;border-radius:50%;transition:all0.25sease-in;}.div1:hover{background:#ff1d50;width:400px;height:200px;
____雨歇微凉·2021-05-13 18:30

CSS3阴影 box-shadow的使用和技巧总结

随着HTML5和CSS3的普及，这一特殊效果使用越来越普遍。基本语法是{box-shadow:[inset]x-offsety-offsetblur-radiusspr
空谷悠·2021-05-13 16:06

CSS3选择器

基本选择器子元素选择器概念：只能选择某元素的子元素语法：父元素>子元素(Father>Children)section>div{color:#f00;}相邻兄弟元素选择器概念：可以选择紧接在另一元素后的元素，而且他们具有一个相同的父元素语法：元素+兄弟相邻元素(Element+Sibling)section>div+article{color:#f00;}通用兄弟元素选择器概念：选择某元素后面的所
陈裔松的技术博客·2021-05-13 16:27

css3实现一箭穿心动画❤(程序员告白)

css3实现一箭穿心动画❤(程序员告白)打开index.html修改文字(自定义修改)一箭穿心动画css3代码...关注下方公众号获取更多源码如何通过发链接给别人看↓↓↓❤解决上线问题>(不需要服务器就能免费部署上线
@码出未来·2021-05-13 15:06

CSS 3

CSS3属性选择器E[attr]E[attr=val]E[attr*=val]属性值里包含val字符并且在“任意”位置E[attr^=val]属性值里包含val字符并且在“开始”位置E[attr$=val
majun00·2021-05-13 11:14

html+css+js生日快乐烟花 ❤520/表白/七夕情人节/求婚❤专用(自定义文字)

html+css+js生日快乐烟花❤520/表白/七夕情人节/求婚❤专用(自定义文字)（HTML5+CSS3+JS）打开index.html修改文字(自定义修改)body,html{margin:0;width
@码出未来·2021-05-13 10:15

前端开发面试题HTML5+CSS3

1.前端页面有哪三层构成，分别是什么?作用是什么?结构层Html表示层CSS行为层js。2.你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?Trident内核：IE,MaxThon,TT,TheWorld,360,搜狗浏览器等。[又称MSHTML]Gecko内核：Netscape6及以上版本，FF,MozillaSuite/SeaMonkey等Presto内核：Opera7及以上。[Op
thekings·2021-05-13 03:36

IE兼容

一、CSS1.根据不同浏览器默认设置不同，页面可初始化样式，调整成一致2.IE8及以下不支持CSS33.IE6不支持png格式图片4.IE盒模型跟标准盒模型不同，IE下content部分包含padding
李好Ario·2021-05-13 00:15

垂直居中范例

vertical-align只能用在inline或者inline-blocktable-cell方式居中position方式居中（一）使用负margin居中position方式居中（二）不知道子盒子宽高的情况下，使用了CSS3
饥人谷_米弥轮·2021-05-12 22:01

仿蘑菇街翻牌效果轮播组件

动效主要运用css3的animation、keyframes配置比较简单，只需要传：data:数据源，仅支持[[{},{},{}],[{},{},{}],...[{},{},{}]]的格式activeIndex
YomonAh·2021-05-12 16:01

简单的css3动画效果（二）

话说css3简单的动画可以通过初始属性和最终属性来完成，但是事情远没有这么简单，我在网上看到了很多更屌的动画效果，显然不是一个简单的动作就能完成的动画。
mypger·2021-05-12 16:05

css与css3基础使用

shift+alt1：paddingpadding不会撑开盒子大小：不给他高度和宽度，他就不会撑开盒子大小2:margin外边距可以让盒子水平居中，但必须满足两个条件1：盒子必须指定宽度（with）2：盒子左右的边距都设置为auto3:行内元素，行内块元素水平居中给他们的父元素添加text-align:center4:外边距合并使用margin定义块级元素的垂直外边距时，可能出现外边距合并主要有两
coder军·2021-05-12 15:13

程序员表白神器(爱情树)

引用了CSS3的动画效果来显示，视觉效果相当不错！得此表白神器，程序猿也可以很浪漫！快去追你的女神吧！
@码出未来·2021-05-12 13:57

css动画

css3圆角设置某一个角的圆角，比如设置左上角的圆角：border-top-left-radius:30px60px;同时分别设置四个角：border-radius:30px60px120px150px
f6d8ee519880·2021-05-12 10:30

背景图片相关

背景尺寸属性CSS3中新增的一个属性,专门用于设置背景图片大小格式：background-size:宽度高度;取值：具体像素百分比宽度等比拉伸(auto100px)高度等比拉伸(100pxauto)cover
MGd·2021-05-12 08:26

css课程学习

伪类###p:first-childa:linka:hovera:visiteda:active:disabled:enable:checked:focus:read-only:read-write2.css3
YongpingZhao·2021-05-12 02:48

CSS3：圆角、阴影、rgba、transition动画、transform变换、animation动画

圆角：设置左上角：border-top-left-radius:30px60px;分设四角：border-radius:30px60px120px150px;设置四个圆角相同：border-radius:50%;（此时为正圆）阴影：box-shadow：h-shadowv-shadowblurspreadcolorinset;水平偏移垂直偏移羽化大小扩展大小颜色是否内阴影rgba：rgba（0，0
琉佳·2021-05-11 23:10

js+css3的简短代码实现的翻书效果

效果：1620704098763047.gif代码：翻书效果上一页下一页封面封面反面第一页正面第一页反面第二页正面第二页反面第三页正面第三页反面第四页正面第四页反面*{margin:0;padding:0;}html,body{width:100%;height:100%;}body{background:#000;}.pager{margin-left:10px;cursor:pointer;u
Eason_0cce·2021-05-11 20:38

CSS3圆角效果：从圆出发

话说，大家都知道如何使用CSS3画一个圆，那么有好多同学可能不知道，CSS3可以画半圆、四分之一圆以及四分之三圆。下面我们一起看一下如何实现吧！
jdzhangxin·2021-05-11 18:12

大牛程序员眼中的CSS3：主流属性很好用、良好的文档，测试经常用，但还是让人头疼

621071874css3程序员眼中CSS3：尽管现代浏览器已经支持了众多的CSS3属性，但是大部分设计师和开发人员貌似依然在关注于一些很“主流”的属性，如border-radius、box-shadow
DarkSpy13·2021-05-11 16:05

前端入门css3

如果想学前端,那css3是最基础的了,也是最先学习的一门知识废话不多说直接正题什么是css3css3形成页面的关键要素CSS3被拆分为"模块"。旧规范已拆分成小块，还增加了新的。
StevenTang·2021-05-11 15:47

CSS3动画基础学习之Animation部分

阮老师的学习教程Animation（动画）在学习animation之前，只能看着别人的很炫的动画效果，很羡慕。学习了阮一峰老师的这个CSS动画教程以后，其实还是做不出来很炫的，不过，基本的动画效果已经可以实现。1、基础部分首先：animation包含下面几个部分1、animation-name：动画名称2、animation-duration：动画持续时间3、animation-timing-fu
LeoMelody·2021-05-11 15:03

前端基础：H5与CSS3新特性

文章目录HTML5页面操作新特性Canvas画布SVG地理位置拖拽APICSS3新特性边框背景文本效果字体CSS3中的2d转换HTML5页面操作新特性Canvas画布canvas元素本身并没有绘制能力，
The_Obscure·2021-05-11 11:56

2-6 复杂的背景图案

知识储备1.2-5小节的linear-gradient()展示lea.verou.me/css3patterns1.png2.png3.png4.png5.png6.png7.png8.png测试示例1htmlcssul
juicees·2021-05-11 09:03

HTML5与CSS3设计模式 中文版 高清PDF扫描版

HTML5与CSS3设计模式是一部全面讲述用HTML5和CSS3设计网页的教程。书中含350个即时可用的模式（HTML5和CSS3代码片段），直接复制粘贴即可使用，更可以组合起来构建出无穷的解决方案。
不一样的女孩6·2021-05-10 22:10

z-index的理解

第一节：z-index基础较大的z-index会覆盖较小的那个z-index元素z-index:auto默认值z-index:integer:整数z-index:inherit：继承1、支持负值2、支持css3animation
胖鱼尾巴·2021-05-10 17:51

nwjs学习(1)

1HTML5,CSS3,JS和WebGL编写应用程序2完全支持nodejsAPIs和所有其第三方模块3良好的性能(node和webkit运行在相
守心向暖·2021-05-10 16:14

在Vue中使用CSS3实现内容无缝滚动的示例代码

一、效果预览最近在做一个活动页面，遇到幸运用户中奖的滚动公告需求。下面是实现效果：（gif录制略显卡顿，实际效果很流畅）二、无缝滚动原理1、容器宽高固定，超出内容隐藏；2、内容准备2份，现参与滚动的内容有A、B两份，向左滚动；3、滑动过程中，B份紧随A份之后，营造出无缝滚动回来的效果；4、在A部分内容完全滚出容器的一瞬间，立刻将AB内容位置复原，由于A、B内容一模一样，这个复原过程很难看出来；5、
·2021-05-10 15:10

HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站 (陈婉凌) 中文pdf扫描版

《HTML5+CSS3+jQueryMobile轻松构造APP与移动网站》以HTML与CSS为主，配合jQuery制作网页，并搭配jQueryMobile制作移动网页，通过具体的范例从基础到高级循序渐进地讲解
不一样的女孩6·2021-05-10 14:57

impress.js 创建演示文档

概述impress.js是一个基于CSS3和现代浏览器，受Prezi.com的启发而创作出来的前端多功能演示js框架，可以用它来替代PowerPoint制作更加酷炫的PPT，如果你是一位前端开发者或者勉强了解
kMacro·2021-05-10 13:49
上一页 108 109 110 111 112 113 114 115 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他