CSS3)

jQuery选择器及部分 api 的用法

jQuery为了方便使用者刻意和CSS选择器使用相同的语法，几乎支持所有类型的CSS3选择器，当然也有一些其特
潘皞·2021-05-04 10:18

css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况

rem：相对单位，可理解为”rootem”,相对根节点html的字体大小来计算，CSS3新加属性，chrome/firefox/IE9+支持。
萤火虫de梦·2021-05-04 00:32

HTML简介

HTML简介写在前面导言介绍网页浏览器Web标准写在前面在b站大学学习记录~黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+web前端视频导言介绍网页1.什么是网页？
图灵奖未来得主·2021-05-04 00:53

移动前端面试题

前端1.display:none和visibility:hidden两者的区别display:none隐藏后的元素不占据任何空间visibility:hidden隐藏后的元素空间依旧保留CSS3的transition
iOS_Ken·2021-05-03 22:06

CSS3技巧之形状（椭圆）

回顾那个只能用图片展示形状的日子，之前接触前端的小伙伴们，大家一定会有颇多感触，好在现在我们可以使用纯CSS实现更多想要的形状效果，今天小编来整理一下，希望对大家有所帮助，也方便自己后期的查看。自适应的椭圆使用border-radius制作一个圆很简单，只要给任何正方形元素设置固定宽高及一半长度以上的border-radius，就可以得到圆形圆形椭圆在实际开发中可能更多的是让元素根据内容自动调增，
叮咯咙咚DQ·2021-05-03 22:45

CSS3-Flex布局

参考下面两篇MDN的教程，基本能hold住常见问题。FlexBox基础概念flex简介flexbox在一些安卓老机子上还是有兼容性问题，移动端还是建议用float浮动属性处理
朱云鹤·2021-05-03 20:21

不需要借助JS和CSS3就能完成的动画（二）

1、接上篇SVG动画的属性详解1.1animation参数1.1.1attributeName你想改变的属性名称，①可以是元素直接暴露的属性，例如，以上案例出现的改变x,y又或者font-size;②可以是CSS属性。例如，透明度opacity.1.1.2attributeTypeattributeType支持三个固定参数，CSS/XML/auto.用来表明attributeName属性值的列表。
陆家嘴种菜·2021-05-03 15:14

CSS3简单动画效果与使用列表制作菜单

CSS3简单动画在CSS3中能够实现一些简单的动画效果，所以接下来介绍的是几种基础的动画效果制作方式。
凯哥学堂·2021-05-03 10:29

PhotoShop阴影效果转换成css中box-shadow

阴影效果.png混合模式：PhotoShop提供了多种混合模式，但是CSS3只支持正常模式(normal)。颜色：阴影颜色。对应于CSS3阴影中的color值。
回调的幸福时光·2021-05-03 08:08

纯CSS3制作的20种loading动效

一些网站或者app在加载新东西的时候，往往会有一些好看有趣的loading图，大部分的loading样式都可以使用css3写出来，不仅比直接使用gif图简单方便，还能节省加载时间和空间，下面我就把20种常见的
司马启奏·2021-05-03 08:09

02、React系列之--FlexBox

FlexBox是css3中引入的一个新布局方试Flex布局主要思想是让容器有能力让其子项目能够改变其宽度
TigerChain·2021-05-02 21:20

css3 模仿 table border-collapse:collapse ，实现相邻元素合并描边

未设置效果image.png已设置效果image.pngDocumentdiv{border:1pxsolidblue;display:flex;font-size:30px;}span{border:5pxsolidorange;flex-grow:1;}div~div{border-top:none;}span~span{border-left:none;}111213142122232431
rayman_v·2021-05-02 21:55

你知道盒模型吗？

CSS3新属性box-sizing，这里讨论box-sizing的content-box和border-boxcontent-box默认值，标准盒模型，也就是CSS2.1规定的盒模型width/height
虚玩玩TT·2021-05-02 01:01

移动端前端开发不可不知的——rem

首先让我们带您一起理解一下remrem是CSS3新增的一个相对单位（rootem，根em），使用rem为元素
am1ng·2021-05-01 23:32

HTML5新增多媒体属性（加入视频、音频）、CSS3高级应用（过渡、变形、动画）、精灵图

文章目录HTML5新增的多媒体标签视频``音频``CSS3高级应用过渡变形动画精灵图HTML5新增的多媒体标签视频当前元素支持三种视频格式：尽量使用mp4格式浏览器MP4WebMOggInternetExplorer
速速逃离月球表面·2021-05-01 23:37

bootstrap(一)

☑基于html5、css3的bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档。☑自定义JQuery插件，完整的类库，基于Less等。
朝槿123·2021-05-01 20:41

CSS3之@font-face

基础知识@font-face虽然是CSS3模块，但是IE4时代开始就已经支持了它，只不过跟现在CSS3的功能相比完全不可比。
microkof·2021-05-01 20:15

最新前端速查表集合（css3 Flexbox/CSS动画/Bootstrap4）

http://www.shejidaren.com/front-end-cheat-sheets.html
冯走心·2021-05-01 19:14

css3

函数calc（）linear-gradient()radial-gradient()steps()hyphens:manual|none|autodisplay:flex弹性盒子flex-direction:row|row-reverse|column|column-reverse排列方式justify-content:flex-start|flex-end|center|space-betwee
自you是敏感词·2021-05-01 18:51

多说头像CSS样式自定义-让评论更炫酷

9种头像CSS动画效果效果图以下效果主要结合CSS3，所以只在Chrome、Firefox、Safari等浏览器中有效果哦~上图1.gif2.gif3.gif4.gif5.gif6.gif7.gif8.
阳光之城alt·2021-05-01 18:01

web前端开发入门

1.HTML2.CSS3.Javascript4.Photoshop
scool·2021-05-01 17:39

记录一个小点react+antd：支持css3的transition动画的一些属性列表

记录的原因：项目中遇到一个问题，使用antd的table组件，在鼠标悬停到一行的时候显示或者隐藏按钮，如下：鼠标进入一行显示设为默认按钮，移出隐藏按钮：开始我的做法是找到table组件的属性通过setState来改变button的visibility属性，虽然效果是达到了，但是显示和隐藏有个时间的延迟，开始我以为是因为setState的异步机制,会在频繁的设置state的时候合并处理导致的，{th
梦想成真213·2021-05-01 14:25

CSS3之过渡和动画

过渡transition-property:none|all|propertytransition-duration:timetransition-timing-function:ease|linear|ease-in|ease-out|ease-in-out|step-start|step-end|steps([start|end]?)|cubic-bezier(,,,)linear线性过渡匀速
greenteaObject·2021-05-01 12:58

自定义字体与字蛛使用方法及坑点

CSS3@font-face(自定义字体)相信很多人已经了解这个新特性了，在CSS3之前web设计师必须使用用户计算机上已经安装好的字体，如果需要特殊字体，必须以图片的形式放置在网页上。
jskid·2021-05-01 09:10

CSS3 框大小

CSS3框大小CSS3box-sizing属性可以设置width和height属性中包含了padding(内边距)和border(边框)。浏览器支持表格中的数字表示支持该属性的第一个浏览器的版本号。
hx永恒之恋·2021-05-01 04:19

解决垂直居中布局问题，怎能不知道这六种CSS方法？

这里介绍的方法都是常规的CSS方法，可以垂直居中行内元素以及块级元素，实际上CSS3的flex布局方法可以完美解决类似垂直居中，水平居中，分散对齐等常见的布局形式，具体可以参看阮一峰老师的这篇文章Flex
留七七·2021-05-01 02:40

css3新特性

边框属性：border-radius：添加圆角div{border:2pxsolid;border-radius:25px;-moz-border-radius:25px;/*OldFirefox*/}box-shadow用于向方框添加阴影div{box-shadow:10px10px5px#888888;}border-image属性，您可以使用图片来创建边框div{border-image:u
青春前行·2021-05-01 01:13

2018-07-31

CSS3知识点总结一．新增选择器1.兄弟选择器E+F紧挨着E选择器后的那一个F选择器E~FE选择器后的所有的F选择器2.属性选择器[属性名a]含有属性名a的选择器例如：[class]{}含有类的选择器都能被选中
chic_idol·2021-05-01 01:29

css3

第一章CSS入门CSS3是CSS2的升级版本，3只是版本号，它在CSS2.1的基础上增加了很多强大的新功能。
尘中老·2021-05-01 00:20

HTML5和CSS3

document.querySelector（）；自定义属性data-xxxdataset.xxxclass操作classList有lengthvalue操作：add（）添加remove（）删除contains（）包含toggle（）切换CSS3
老于头子·2021-05-01 00:35

css3-伪类选择器使用

像:link,:visited,:hover,:active,:focus,:first-child,:lang大家已经很熟悉了，今天说说css3中新增的:nth-child()和:nth-of-type
鄙人才疏学浅·2021-04-30 18:24

使用flexbox进行布局

下图为Flexbox模型图：CSS3-Fl
Sketch·2021-04-30 08:10

CSS3 transition动画

1、transition-property设置过渡的属性，比如：widthheightbackground-color2、transition-duration设置过渡的时间，比如：1s500ms3、transition-timing-function设置过渡的运动方式：linear匀速ease开始和结束慢速ease-in开始是慢速ease-out结束时慢速ease-in-out开始和结束时慢速c
紫罗兰丶·2021-04-30 06:06

图片大加载慢

aa是夜景图参考链接：http://www.haorooms.com/post/css3_bg_multib.img标签的onerror事件，当图片加载不出
dayindayout·2021-04-30 00:52

CSS3中的变形与动画(一)

一、transform属性InternetExplorer10、Firefox以及Opera支持transform属性。Chrome和Safari需要前缀-webkit-。Firefox需要前缀-moz-。opera需要前缀-o-。InternetExplorer9需要前缀-ms-。方法：1.translate()位移使用translate()函数，可以把元素从原来的位置移动，而不影响在X、Y轴上
张延伟·2021-04-30 00:12

【CSS】选择器

image.png伪类&伪元素在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义，而二者在语法是一样的，都是以:开头，这造成很多人会将某些伪元素误认为是伪类，如:before，:after；在CSS3
前端菜篮子·2021-04-29 23:55

【12】HTML5（音视频标签、新增全局属性、兼容性方案）&CSS3 （基本语法、选择器、新增盒子模型样式、新增背景属性）

1HTML5音视频标签1.1音视频标签标签名功能和语义属性单标签or双标签备注video引入视频src：视频地址controls：播放控制条，无需给值width：设置视频宽度height：设置视频高度muted：打开时静音，无需给值autoplay：打开时自动播放，无需给值loop：循环播放，无需给值preload：预加载，无需给值poster：设置视频封面，值为封面图片的地址双标签chrome浏
采蘑菇的仔仔·2021-04-29 21:16

css3设置box-pack和box-align让div里面的元素垂直居中

display:box;display:-webkit-box;display:-moz-box;-webkit-box-pack:center;-moz-box-pack:center;-webkit-box-align:center;-moz-box-align:center;在需要垂直居中的元素上加这些样式
花花0825·2021-04-29 18:22

webpack图标的实现

webpack-icon进入webpack的官网，可以看到它的图标,一开始我以为是webgl写的，其实只是css3实现的，这里教大家怎么使用css3实现这样一个动画效果在这里,和官网的有点差异,因为我把
swnb·2021-04-29 17:47

BFC IFC GFC FFC的理解

css3新定义了GFC网格布局格式化上下文+FFC自适应格式化上下文。其实就是对于块级盒模型、行内盒模型的一些渲染规则的定义，决定了元素如何排列、相互影响等。
shanshanfei·2021-04-29 13:53

CSS3 雷达搜索

H5火热以后，很多搜索效果简直亮瞎眼，最喜欢的就是雷达这一款的，本篇demo类似支付宝咻一咻效果。效果图上传不了动态图，好尴尬~~~Paste_Image.pngHTMLCSShtml,body{width:100%;height:100%;background:#3d3938;}.search{padding-top:30%;width:80%;text-align:center;box-siz
小纸人儿·2021-04-29 11:02

基本办公文书转HTML工具

二、课程目标透过混合学习及体验式学习培养学生以下能力：能够从用户体验框架，描述网页设计与制作主要概念，包括页面结构、网站结构、界面设计、图形设计及图像和视频等能熟悉产业标准生态，活用HTML5及CSS3
voyzze·2021-04-29 10:25

有点儿皮的页面滚动效果库

作者丨李鱼皮来源丨编程导航一分钟，让页面滚动更有趣前段时间刚给大家推荐了一个强大易用的跨平台CSS3动画库Animate.css，内置了很多常用的CSS动画，可以一行代码让页面动起来。
程序员大咖·2021-04-29 10:00

HTML5_CSS3_媒体查询

1、HTML5是什么？有哪些新特性？有哪些新增标签？如何让低版本的IE支持HTML5新标签？html5新增的那些HTML5是超文本标记语言的第五次重大修改，2014年10月29日标准规范制定完成。设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式新特性：在XHTML中每个标签
不是我的简书·2021-04-29 09:22

CSS3新特性，兼容性，兼容方法总结

1.用于添加边框圆角效果（border-radius）：兼容性：IE9+,Firefox4+,Chrome5+,Safari5+,Opera01.5+,iOSSafari4+,AndroidBrowser2.2+,AndroidChrome18+兼容方法：低版本的chrome:-webkit-border-radius:10px;低版本的firefox:-moz-border-radius:10p
余生LHX·2021-04-29 05:15

动画（css3）

/*定义动画*/@keyframesmyfirst{0%{background:red;width:20%;}25%{background:yellow;}50%{background:blue;}100%{background:green;width:100%;}}div{width:200px;height:200px;background-color:#999;/*执行动画*/animati
智多牛·2021-04-29 02:05

ReactNative创建一个漂亮简洁好看的三角冒泡框

突发奇想，css3可以通过更改样式，使一个div变成三角形，那么我们是不是也可以借鉴以下实现方法，然后移植到rn上？
NextStack·2021-04-29 01:39

渐变

CSS3渐变（Gradients）CSS3渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。
ilkswiss·2021-04-28 23:46

1. Theme Startup Guide / 主题入门指南

新的Responsive主题拥有跨浏览器的兼容性，适用于retina，支持HTML5和CSS3的响应式主题。
_chuuuing_·2021-04-28 20:10

优雅降级和渐进增强的区别

前在看一些css3效果demo的时候，发现有些写css3属性时，兼容性的写法顺序不太一样，比如transition属性，有些把transition放在前面有些是放在后面，当然这也有可能包含了coder个人的习惯或是强迫性
朱古力_豆儿·2021-04-28 15:37
上一页 110 111 112 113 114 115 116 117 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他