css3css动画

CSS（圆角边框、盒子阴影、文字阴影）

文章目录1.综合案例2.圆角边框3.盒子阴影4.文字阴影1.综合案例去掉li前面的项目符号（小圆点）list-style:none;2.圆角边框CSS3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了
今天也要努力学编程·2023-10-16 19:07

CSS3学习笔记二---阴影 | 圆角边框 | 字体引入

一：文本阴影（text-shadow）text-shadow：10px10px10pxred；第一个数值：水平方向上的位移，也可以设置负值。第二个数值：垂直方向上的位移，可设置负值第三个数值：模糊程度，数值越大越模糊。第四个：阴影颜色设置多个阴影：text-shadow：10px10px10pxred，-10px-10px5pxred；（中间用逗号隔开，设置多个阴影）二：盒子阴影（box-shad
阿茶阿茶·2023-10-16 19:05

CSS3 新增属性-边框圆角-文字阴影-盒子阴影

边框圆角CSS边框圆角可以通过border-radius属性来实现。该属性用于设置元素的圆角大小，支持四个值分别表示上左、上右、下右和下左四个角的圆角半径大小，也可以使用两个值分别表示上下和左右两个方向的圆角大小，甚至可以只使用一个值来表示所有四个角的圆角大小。下面是一个简单的示例，演示如何设置一个圆角矩形：.box{width:200px;height:100px;background-colo
ordinary90·2023-10-16 19:35

css3自动吸附scroll-snap

我们希望可以一块一块的滚动，比如当前一个块滚出去了一部分并且后一个块滚进来一部分的时候，实现后一个块自动滚入或者前一个块回弹到初始位置这种效果，以前的时候用js需要写比较复杂的判断逻辑，后来有了一个cssscrollsnap这个方法，可以比较方便的实现想要的效果了，基本够用。赵钱孙李周吴郑ul{scroll-snap-type:ymandatory;}li{scroll-snap-align:st
Mr_linjw·2023-10-16 16:45

css3蒲公英飘动效果_CSS3飘动的云动画特效

【实例简介】手写动画特效天空中飘动的云，适合场景跟流动登陆等效果【实例截图】【核心代码】.satic-area{position:relative;width:100%;height:100%;background:url(img/poster-about.jpg)no-repeat100%100%;background-size:cover;}.dynamic-area1{position:ab
nelity·2023-10-16 15:42

HTML5+CSS3实现动态网页

http://hcysun.me/page/2/移动端适配：设计稿里有rem单位的，所以我直接用的rem+媒体查询切图仔：1）PS中将设计图打开，选中想要抠出来的图层，CTRL+左键即可提取，分情况考虑是否建立新图层合并，然后存储web形式文件2）PXCOOK标注其中javascript:是一个伪协议。它可以让我们通过一个链接来调用javascript函数。但是由于这个函数为空，所以我们调用的就是
七灵微·2023-10-16 12:51

CSS样式规则

CSS的特点纯CSS布局与结构式HTML相结合能帮助设计师分离外观与结构，和传统的表格布局相比，具有以下特点：网页载入更快降低流量费用修改设计时效率高更容易被搜索引擎收录浏览器对CSS3的支持
在心里下过一场雨·2023-10-16 10:16

CSS3媒体查询

使用@media查询，你可以针对不同的媒体类型定义不同的样式。@media可以针对不同的屏幕尺寸设置不同的样式，特别是如果你需要设置设计响应式的页面，@media是非常有用的。当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。CSS语法@mediamediatypeand|not|only(mediafeature){CSS-Code;}当页面小于960px的时候执行它下面的
Joel_zh·2023-10-16 10:04

前端面试题整理

CSSCSS3css居中的方式请写一个简单
俊逸豪杰的小天地·2023-10-16 10:45

【前端】前端面试题整理

CSSCSS3css居中的方式请写一个简单
喜欢安静的程序猿·2023-10-16 10:11

CSS动画/特效-透视旋转面片

html代码Documentblackcss代码.box{/*透视添加在这个父级元素上*/perspective:400px;position:relative;width:200px;height:300px;margin:50pxauto;text-align:center;line-height:300px;}.box_front{background:linear-gradient(tor
瓜牛前端·2023-10-16 07:32

css3 视距-perspective

视距-用来设置用户与元素3d空间Z平面之间的距离。实例1：HTML：12鼠标放到图片上面来查看效果哦！(图片反转360度)34567891011鼠标放到图片上面来查看效果哦！(图片反转360度--使用transform-style:preserve-3d;效果)，但是不使用perspective属性121314151617181920鼠标放到图片上面来查看效果哦！(图片反转360度--使用tran
Hellowongwong·2023-10-16 07:02

2023年（js,css3,es6,Vue,react）面试常问面试题总结

1.vue和react的区别是什么？模板语言：Vue使用基于HTML的模板语言，允许您在HTML中直接编写Vue代码，并且可以轻松地与现有的HTML、CSS和JavaScript代码集成。React没有自己的模板语言，它使用JavaScript的JSX语法来描述UI组件。数据绑定：Vue使用双向数据绑定，这意味着当数据发生变化时，视图会自动更新。React则使用单向数据流，只能从父组件向子组件传递
xxx割喉·2023-10-16 06:38

【2024年】基于Python的酒店管理系统

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
千里码aicood·2023-10-16 04:28

基于Python+django的图书馆预约系统设计源码

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
千里码aicood·2023-10-16 04:58

基于Python+django的美食餐饮服务系统的设计与实现源码

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
千里码aicood·2023-10-16 04:57

【2024年】基于django的学生宿舍管理系统设计源码

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
千里码aicood·2023-10-16 04:27

【2024年】基于python+django的高校竞赛比赛管理系统源码+文档

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
千里码aicood·2023-10-16 04:27

精品基于django的高校竞赛比赛管理系统Python

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
天行IT科技馆·2023-10-16 04:53

CSS 3基础

1.为了更好的向前兼容不同的浏览器，编写CSS3时都有哪些前缀？分别对应什么浏览器？浏览器引擎前缀，是一些放在CSS属性前的小字符串，用来确保这种属性只在特定的浏览器渲染引擎下才能识别和生效。
whisper330·2023-10-16 03:18

css3 vh vw vmin vmax/ px rem,em的使用

（1）vw、vh、vmin、vmax是一种视窗单位，也是相对单位。而是由视（Viewport）大小来决定的，单位1，代表类似于1%。视窗(Viewport)是你的浏览器实际显示内容的区域—，换句话说是你的不包括工具栏和按钮的网页浏览器。（2）具体描述如下：vw：视窗宽度的百分比（1vw代表视窗的宽度为1%）vh：视窗高度的百分比vmin：当前vw和vh中较小的一个值vmax：当前vw和vh中较大的
Princess.·2023-10-16 01:02

vw、vh、vmin、vmax 的含义

CSS3又引入了新单位：vw、vh、vmin、vmax。下面对它们做个详细介绍。一、基本说明1，vw、vh、vmin、vmax的含义（1）vw、vh、vmin、vmax是一种视窗单位，也是相对单位。
weixin_33965305·2023-10-16 01:31

css3新单位vw、vh、vmin、vmax的使用介绍

1，vw、vh、vmin、vmax的含义（1）vw、vh、vmin、vmax是一种视窗单位，也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗（Viewport）大小来决定的，单位1，代表类似于1%。视窗(Viewport)是你的浏览器实际显示内容的区域—，换句话说是你的不包括工具栏和按钮的网页浏览器。（2）具体描述如下：vw：视窗宽度的百分比（1vw代表视窗的宽度为1%vh：视窗高度的
背藏玫瑰·2023-10-16 01:31

在html中如何添加线性渐变,CSS3如何实现线性渐变效果

CSS3实现线性渐变效果的方法：首先创建一个HTML示例文件；然后在body中创建一个div；最后通过“linear-gradient”属性实现线性渐变效果即可。
銃君·2023-10-15 21:30

双周回顾#001 - 火烧云

文章1、穿透的DIV（pointer-events）1pointer-events是一个蛮有趣的CSS3属性，虽然主要是针对SVG，但其中几个属性应用在div上也是颇有意思。
逛街的猫啊·2023-10-15 21:29

CSS学习笔记

目录1.CSS简介1.什么是CSS2.为什么使用CSS3.CSS作用2.基本用法1.CSS语法2.CSS应用方式1.内部样式2.行内样式3.外部样式1.使用link标签链接外部样式文件2.
诗仙&李白·2023-10-15 21:11

html中三角函数表示什么,前端动画中三角函数的应用

平时工按不移流果箭近作量同动量和头近作量同动写动画也尽量使用CSS3来实现，timing-function随意选用，最多也就调一下cubic-bezier，找到看着舒服的就行。
美然清美·2023-10-15 16:15

SpringBoot+Vue实现前后端分离的中学成绩管理系统

文末获取源码开发语言：Java使用框架：springboot前端技术：JavaScript、Vue.js、css3开发工具：IDEA/MyEclipse/Eclipse、VisualStudioCode
一季春秋·2023-10-15 15:19

SpringBoot+Vue实现前后端分离的教务评教系统

文末获取源码开发语言：Java使用框架：springboot前端技术：JavaScript、Vue.js、css3开发工具：IDEA/MyEclipse/Eclipse、VisualStudioCode
一季春秋·2023-10-15 15:19

纯CSS实现一个漂亮的ToolTips效果（导航栏气泡特效）

文章目录导航栏布局导航栏样式的设置纯CSS实现一个漂亮的ToolTips效果（导航栏气泡特效）：通过fontAwesome字体库完成图标的定制，使用CSS3新增的transtion、transform属性实现动画效果
stickinsect2·2023-10-15 14:43

CSS3 新增选择器-子级选择器-兄弟选择器-结构伪类选择器-伪元素选择器-属性选择器

一、子级选择器CSS3子级选择器是一种选择器，可以用来选择指定元素的直接子元素。它是通过“>”符号来实现的。
ordinary90·2023-10-15 13:51

精品Python基于django就业数据分析平台求职招聘应聘-爬虫可视化大屏

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
天行IT科技馆·2023-10-15 10:19

精品Python的计算机科学研究话题管理系统-可视化大屏

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
天行IT科技馆·2023-10-15 10:48

精品Django基于Python学生选课系统成绩教室

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
天行IT科技馆·2023-10-15 10:48

基于Python的租房数据分析和房屋租赁爬虫 | 项目案例 | 大学生计算机专业毕业 | 毕业设计

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
熏染呀·2023-10-15 10:18

计算机毕业设计基于django的房源租房分析系统-爬虫

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudi
IT实战营祁·2023-10-15 10:46

精品基于django的房源租房分析系统-Python-爬虫

软件开发环境及开发工具：开发语言：python使用框架：Django前端技术：JavaScript、VUE.js（2.X）、css3开发工具：pycharm、VisualStudioCode、HbuildX
天行IT科技馆·2023-10-15 10:41

PHP学习笔记第【4】天（2014.11.03）——CSS3

CSS3编辑CSS即层叠样式表（CascadingStyleSheet）。在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。
sina_xiaoxin·2023-10-15 09:00

用css怎样实现波浪线,Css3实现波浪线效果1

一、波浪线，常用.info::before{content:'';position:absolute;top:30px;width:100%;height:0.25em;background:linear-gradient(135deg,transparent,transparent45%,#008000,transparent55%,transparent100%),linear-gradien
weixin_39983384·2023-10-15 06:53

从0开始学习HTML5CSS3(二)

css3新增内容1伪类选择器特点:都是以:开头,连在一起的写法其实是交集选择器以下这些主要是给a标签用的（hover除外）:hover鼠标悬停:active点击a标签时的样式:link尚未访问的样式:visited
xinhongwu·2023-10-14 21:50

基本办公文书转HTML工具

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

弹性盒子css

1，定义弹性盒子是CSS3的一种新的布局模式。CSS3弹性盒（FlexibleBox或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。
嘟噜嘟噜123·2023-10-14 20:08

CSS3 outline轮廓线

CSS3outline轮廓线当文本框获取焦点时，我们可以看到文本框周围会出现一条淡蓝色的轮廓线。outline用于设置元素的轮廓线，用法和border一样，但轮廓线不会影响到边框的大小。
xiangxiongfly915·2023-10-14 19:20

CSS3----透明滤镜效果

支持主流浏览器，--Firefox,Chrome,IE7/8/9---IE6目前不支持HTML:/*80%的透明效果：*//*注意：this.style.opacity=1与this.filters.alpha.opacity=100;要按照此先后顺序firefox,chrome..等才有效果*/ CSS:.zx-eaimg{filter:alpha(opacity=80);opacity:0.8
damys·2023-10-14 18:28

HTML5和css3

H5和CSS3新增内容HTML5新增标签及属性CSS3新增样式WebAPI选用标签的标准如果要支持比较老的浏览器（通常是桌面版网页）则不使用新标签手机平板等网页开发可以使用新标签不管什么情况下，都应该优先根据语义来选用标签根据搜索引擎优化的要求和建议选用标签布局流式布局定位浮动
weixin_30371875·2023-10-14 11:43

orgChart.js组织架构图

基于CSS3过渡的平滑扩展/折叠效果。将图表对齐为4个方向。允许用户通过拖放节点更改组织结构。允许用户动态编辑组织图并将最终层次结构保存为JSON对象。支持将图表导出为图片。
qq_39161501·2023-10-14 11:32

Appium-Hybrid Mobile App

H5主要用于界面的编写，比如按钮、单选框以及下拉框等;CSS3用于对界面细节化的修饰,设置不同的样式;JS实现数据交互。
cnmeimei·2023-10-14 10:55

css3 table表格

使用CSS3来美化HTML表格（table）可以提高表格的外观和可读性表格样式：table{width:100%;border-collapse:collapse;}width:100%;使表格宽度充满其容器
锅盖哒·2023-10-14 07:24

代码层面探索前端性能 | 京东云技术团队

CSS动画CSS2出来之前，哪怕要实现一个很简单的动画，都要通过JS实现。比如下面红色方块的水平移动：对应JS代码
京东云技术团队·2023-10-14 07:22

CSS3新特性

CSS3新特性1.1、字体图标何为字体图标？字体图标展示的是图标，本质是字体。
^微凉夏颜^·2023-10-14 06:54
上一页 36 37 38 39 40 41 42 43 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他