css3动画特效

前端基础HTML5+CSS3+JavaScript+jQuery学习笔记

前端基础HTML5+CSS3+JavaScript+jQuery学习笔记HTML5CSS31.CSS的三种导入方式2.选择器【选择页面上的某一个或某一类元素】3.美化网页元素4.盒子模型5.浮动6.定位
帕秋莉·诺蕾姬·2023-10-18 02:05

HTML5+CSS笔记教程（CSS教程篇）

我所看的B站教程：最新最全HTML5-CSS3教程_哔哩哔哩_bilibili官方文档：CascadingStyleSheetsLevel2Revision2(CSS2.2)Specification(
studhappy·2023-10-18 02:34

HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记（四）

HTML中列表的作用HTML中的列表（List）用于呈现按照一定逻辑关系组织的信息，以便用户更好地理解和识别。列表可以分为有序列表、无序列表和定义列表三种类型。有序列表（OrderedList）：用于表示按照一定顺序排列的项目，每个项目都有对应的标记。常见的例子包括步骤、流程等。无序列表（UnorderedList）：用于表示没有特定顺序的项目列表，每个项目的标记通常是默认的实心圆点符号。常见的例
时雨h·2023-10-18 02:59

微信小程序会议OA系统

Flex弹性布局Flex弹性布局是一种CSS3的布局模式，也叫Flexbox。它可以让容器中的元素按一定比例自动分配空间，使得它们在不同宽度、高度等情况下仍能保持整齐和密集不间隙地排列。
浊酒与说心事·2023-10-18 02:58

vue中使用rem布局解析+大屏自适应

CSS3
短暂又灿烂的·2023-10-18 01:38

CSS动画，2D，3D知识点总结，笔记心得

CSS3动画（立体旋转）用keyframes定义动画元素使用动画属性：综合写法：案例：热点图案。Tip：opacity是不透明度的意思。速度曲线细节（模拟卡帧动画）CSS33D转换（近大远小）3D
菜敏的碎碎念·2023-10-17 19:03

18-CSS3的2D和3D属性

文章目录一、2D属性二、3D属性一、2D属性2D变换，是在一个平面的空间对元素进行的操作。可以对元素进行水平或者垂直位移、旋转或者拉伸变形属性：transformtransform:none默认值transform:translate移动、平移（单位是px）transform:scale缩放（没有单位，默认是1，倍数）transform:rotate旋转（单位是deg度数）transform:sk
echozzi·2023-10-17 19:33

详解CSS3 3D的perspective属性

perspective属性对于3D变形来说至关重要。该属性会设置查看者的位置，并将可视内容映射到一个视锥上，继而投到一个2D视平面上。如果不指定透视，则Z轴空间中的所有点将平铺到同一个2D视平面中，并且变换结果中将不存在景深概念。上面的描述可能让人难以理解一些，其实对于perspective属性，我们可以简单的理解为视距，用来设置用户和元素3D空间Z平面之间的距离。而其效应由他的值来决定，值越小，
liu__software·2023-10-17 19:59

css3 背景色渐变动画,CSS3 简单的全屏背景色渐变动画

CSS语言：CSSSCSS确定@importurl(https://fonts.googleapis.com/css?family=Bitter);body{margin:0;font-family:'Bitter',serif;text-align:center;}.holder,.first,.second,.third{height:100vh;width:100vw;}.first,.se
weixin_39791386·2023-10-17 19:46

CSS3实现渐变背景动画特效

效果图：具体实现代码如下：渐变背景动画body{height:100vh;width:100vw;margin:0;padding:0;font-family:"montserrat";background-image:linear-gradient(45deg,#2c3e50,#27ae60,#2980b9,#e74c3c,#8e44ad);background-size:400%;animat
讲台催眠师明哥·2023-10-17 19:46

::before 和 :after中双冒号和单冒号 有什么区别？解释一下这2个伪元素的作用

双冒号(:：在CSS3中引入了双冒号语法，用于表示伪元素。它是较新的语法规范，建议在使用CSS3伪元素时使用双冒号。例如：::before、::after。
祈澈菇凉·2023-10-17 18:38

商城免费搭建之java商城 开源java电子商务Spring Cloud+Spring Boot+mybatis+MQ+VR全景+b2b2c

APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp、Bootstrap/H5/CSS3
m0_72864708·2023-10-17 17:03

java开源商城免费搭建 VR全景商城 saas商城 b2b2c商城 o2o商城 积分商城 秒杀商城 拼团商城 分销商城 短视频商城

APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp、Bootstrap/H5/CSS3
m0_72864708·2023-10-17 17:33

程序员练级攻略（2018）：前端基础和底层原理

首先，前端的三个最基本的东西HTML5、CSS3和JavaScript（ES6）是必须要学好的。这其中有很多很多的技术，比如，CSS3引申出来的Canvas（位图）
wzq2009·2023-10-17 16:33

HTML与CSS进阶

标签6.列表语义化7.img标签和背景图片区别二、HTML51.H5新增内容2.HTML5新增标签2.1.新增了哪些语义化标签2.2.新增多媒体音频标签2.3.新增input标签2.4.新增表单属性三、CSS3
旺仔布丁·2023-10-17 13:57

【完美世界】火灵儿上界建模已公布，路人好评，粉丝却不买账，官方评论区沦陷

角色建模的好坏虽然不能完全主宰一部国漫人气，但却是动漫人气的一个重要组成部分，好的角色建模往往能提高作品的人气和关注度，尤其是一些刚刚播出，没有太强粉丝基础的国漫更是如此因此我们可以发现，近几年国漫除了在剧情改编和动画特效上努力
郑尔巴金.·2023-10-17 13:26

将web前端分成3个阶段学习，你会发现学习前端开发真的很简单

实战项目主流电子商务平台前端项目知识点HTML标签，HTML5新标签，CSS样式，CSS3样式，媒体查询，等等适合人群一个想学习前端但又不知道如何开始的学生。
web前端学习指南·2023-10-17 11:03

transform 位移属性会让字体变形怎么解决

将useTransform属性设置为false，即不使用css3transform做位移就可以了，但那样的话手机端页面滑动不顺畅，体验不好图片发自App
ohion_1049·2023-10-17 09:39

广州日游记——广州起义烈士陵园中苏人民血谊亭

和往常一样，一边喝早茶，一边上网和女粉丝侃大山，在手机和平板电脑上整理修改《hｔｍｌ５》、《javascript》、《css3》、《c语言》、《C++》、《Dos》等多年前写的教程，并研究各种品牌的小程序
巨汉子·2023-10-17 08:03

CSS3转换、过渡

2D转换translate()通过translate()方法，元素从其当前位置移动，根据给定的left（x坐标）和top（y坐标）位置参数。（效果相当于定位）函数描述translate(x,y)定义2D转换，沿着X和Y轴移动元素。translateX(n)定义2D转换，沿着X轴移动元素。translateY(n)定义2D转换，沿着Y轴移动元素。div{transform:translate(50p
Xara_·2023-10-17 08:14

基本办公文书转HTML工具

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

jQuery的主要功能

1：访问页面框架的局部1>：jQuery大大简化了DOM获取页面某个节点或者某一类节点的固定方法；2：修改页面的表现1>：由于各个浏览器对CSS3标准的支持不同，是的很多CSS3的样式风格没能很好的体现
伙伴崩溃·2023-10-17 04:14

PHP&mysql在线网络教育平台66984-计算机毕业设计项目选题推荐（附源码）

目录摘要1绪论1.1课题背景1.2意义1.3HTML介绍1.4JavaScript运行模式1.5css3工作原理1.6论文结构与章节安排2在线网络教育平台分析2.1可行性分析2.2系统流程分析2.2.1
VX_bysjlw985·2023-10-17 02:31

css3 动画（二）贝塞尔曲线

前言上一篇css3动画（一）transition中，介绍了transition的用法。其中transition包含四个可设置的属性：有过渡效果的属性过渡时长过渡函数？
weixin_34129696·2023-10-17 02:30

【CSS3动画】从简单动画到实现平抛运动和弹跳效果-贝塞尔曲线的利用

基础概念如果你几乎不了解CCS3动画，下面会介绍一些基本概念，熟悉的朋友可以跳过基础概念部分。假想想要一个正方形的盒子动起来，我们分别需要在html和css文件中进行设置。html比较简单，创建一个div随意class命名即可。接下来来看CSS，加入动画就需要给盒子设置几个关键帧，而CSS中的@keyframe可以把多个关键帧整合到一起，叫做一个动画序列。它需要一个自定义动画名称，起始状态和终止状
RyanWu0430·2023-10-17 02:30

css3如何实现动画？常用的动画方法总结

在css中创建简单的过渡效果可以从以下几个步骤来实现（1）在默认样式中声明元素的初始状态样式（2）声明过渡元素最终状态样式，比如悬浮状态（3）在默认样式中通过添加过渡函数，添加一些不同的样式1.变形2D变形：旋转变形、缩放变形、斜切变形、位移变形//旋转变形，顺时针角度为正，逆时针角度为负transform：rotate(45deg)；//自定义变换原点：transform-origin:00;/
我不是胖球球·2023-10-17 02:29

HTMLCSS学习笔记（十二）-- css3-3D和动画

景深生活中的3d区别于2d的地方近大远小景深程序中实现的方法perspective元素距离视线的距离（物体和眼睛的距离越小，近大远小的效果越明显）/*在父元素中使用*/perspective:1200px;/*在子元素中使用*/transform:perspective(1200px);两个都设置会发生冲突，建议只设置父元素，通常的数值在900-1200之间如果当你的视线距离物体足够远的时候，基本
千锋HTML5学院·2023-10-17 01:50

商城免费搭建之java商城 开源java电子商务Spring Cloud+Spring Boot+mybatis+MQ+VR全景+b2b2c

APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp、Bootstrap/H5/CSS3
微服务商城技术分享·2023-10-17 01:43

css的学习

一.css3渐变（InternetExplorer9及之前的版本不支持渐变。）
怯言ouo·2023-10-17 00:32

PhoneGap 插件简介

开发者只要有JavaScript、CSS3、Html5的基础就可以快速开发移动应用，并且一次开发支持iOS、iOS(xcode4)、Android、WebOS、Blackberry、Symbian六大平台
@BruceYan@·2023-10-17 00:04

商城免费搭建之java商城 开源java电子商务Spring Cloud+Spring Boot+mybatis+MQ+VR全景+b2b2c

APP端（IOS/Android）、微服务平台（业务服务）2.核心架构SpringCloud、SpringBoot、Mybatis、Redis3.前端框架VUE、Uniapp、Bootstrap/H5/CSS3
m0_68459853·2023-10-17 00:16

css3过渡属性属性名：transition

CSS3的过渡属性属性名是transition，它允许我们在状态改变时为元素添加过渡效果，例如在元素从一种样式变为另一种样式时添加平滑的过渡效果。
ordinary90·2023-10-16 19:15

css第4天笔记-圆角边框；盒子阴影；文字阴影；浮动；PS切图

学习内容：圆角边框；盒子阴影；文字阴影；浮动；PS切图一、其他样式1、圆角边框在CSS3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。border-radius属性用于设置元素的外边框圆角。
W蘭·2023-10-16 19:43

CSS3圆角边框、盒子阴影、文字阴影

1.1圆角边框的原理在CSS3中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。border-radius属性用于设置元素的外边框圆角。
但缓且不息·2023-10-16 19:43

CSS3的新增样式：圆角边框、盒子阴影、文字阴影

目录一、圆角边框border-radius1、原理及语法2、使用效果二、盒子阴影box-shadow1、语法2、练习-鼠标经过出现阴影的效果三、文字阴影text-shadow1、语法一、圆角边框border-radius1、原理及语法radius半径原理：圆与边框的交集形成圆角的效果。length越大，圆角越大越圆语法：1、border-radius:length;如border-radius:1
曹莓奶昔·2023-10-16 19:13

CSS3- css3新增样式（圆角边框border-radius、边框图片border-image、盒子阴影box-shadow）

个人主页：王子玉博客收录专栏：HTML&CSS❤️分享网站：《Python自学网》基础入门到逐步深入|适合新手入门到精通体系课程：web开发、爬虫、自动化运维、自动化测试、GUI图形界面化HTML&CSS系列文章类目内容序列文章链接HTML&CSS（1）HTML与HTML5知识点梳理总结HTML&CSS（2）CSS-初识css（DOM树、引入方式、书写规则）HTML&CSS（3）CSS-选择器（一
王子玉博客·2023-10-16 19:12

【40】CSS3 （3）——新增常用属性①边框圆角

边框圆角属性目录：一、介绍边框圆角具体含义属性名border-radius作用设置边框的圆角属性值有两类，下面具体会讲。但是具体的值都可以是像素值或者百分比（百分比参考的是盒子整体宽度、高度的百分比）注意：百分比参考的是盒子整体宽度、高度的百分比，这里盒子整体宽度、高度指的是：padding+border+width（height），不包括margin。二、属性及属性值写法1.常规情况属性值说明x
倏存·2023-10-16 19:40

CSS3--边框：圆角、阴影和边框图片

写在前面：很多内容都是对w3cschool教程的复述，深入学习建议w3cschool-编程狮，随时随地学编程一、圆角使用border-radios，指定值为数值带单位或者百分比，不同指定值个数带来的圆角效果不同。一个值：四个角使用一样的值二个值：border-radios:左上和右下左下和右上;三个值：border-radios:左上右上和左下右下;四个值：border-radios:左上右上右下
七拾四·2023-10-16 19:40

CSS3-圆角边框、盒子阴影、文字阴影 随学笔记

CSS3中，新增了圆角边框、盒子阴影和文字阴影样式。一、圆角边框（重要）在CSS3中，新增了圆角边框的样式，这样我们的盒子就可以变圆角了。
T5Cloud·2023-10-16 19:09

css3-边框圆角阴影渐变

css3坚持渐进增强（从被所有浏览器支持的基本功能开始，逐步地添加那些只有新式浏览器才支持的功能，向页面添加无害于基础浏览器的额外样式和功能。当浏览器支持时，它们会自动地呈现出来并发挥作用。）原则。
露lu·2023-10-16 19:39

css基础-7-圆角边框、盒子阴影和文字阴影

文章目录圆角边框盒子阴影文字阴影参考圆角边框CSS3中新增圆角边框可以设置带有弧度的形状border-radius设置圆角边框，值为数值或者元素宽高百分比，需正方形设置方式border-radius:左上右上右下左下
Neptuneyut·2023-10-16 19:37

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
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
上一页 34 35 36 37 38 39 40 41 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他