css随想

CSS布局基础(五)--CSS3新增选择器

一、兄弟选择器**兄弟选择器与相邻选择器类似，通过同级的兄弟元素来相互控制。所谓兄弟选择器就是指定一个元素后面的同级元素的样式，使用~表示image.png和相邻选择器的区别在于会影响到后面同级的所有要求元素h2{font-size:24px;color:yellow}h2~div{font-size:16px;color:red}HTML结构HTML树状图HTML知识问君能有几多愁问君能有几多愁
Caesar_emperor·2024-02-15 02:26

vue 实现多个可拖拽的element-ui Dialog

直接上代码//css.el-dialog__wrapper{overflow:hidden!
嘻哈章鱼小丸子·2024-02-15 02:38

gulp和webpack的区别

gulp可以进行js，html，css，img的压缩打包，是自动化构建工具，可以将多个js文件或是css压缩成一个文件，并且可以压缩为一行，以此来减少文件体积，加快请求速度和减少请求次数；并且gulp有
木槿_traxpvsa·2024-02-15 01:14

[HTML]Web前端开发技术24（HTML5、CSS3、JavaScript ）JavaScript基础JavaScript，Netscape，事件处理代码，外部JS——喵喵画网页

希望你开心，希望你健康，希望你幸福，希望你点赞！最后的最后，关注喵，关注喵，关注喵，佬佬会看到更多有趣的博客哦！！！喵喵喵，你对我真的很重要！目录前言JavaScript概述JavaScript简介第一个JavaScript程序JavaScript放置的位置JavaScript放置-头部JavaScript放置-主体JavaScript放置-外部JSJavaScript放置-事件处理代码课后练习网
猫佛·2024-02-15 01:19

[HTML]Web前端开发技术23（HTML5、CSS3、JavaScript ）HTML5 基础与CSS3 应用,animation,text-shadow,word-wrap——喵喵画网页

目录前言CSS3动画animationCSS3动画animation子属性设置CSS3多列属性CSS3文本效果1．文本阴影text-shadow属性2．文本换行text-wrap属性3．控制换行word-wrap
猫佛·2024-02-15 01:49

[HTML]Web前端开发技术21（HTML5、CSS3、JavaScript ）HTML5 基础与CSS3 应用，border-radius，box-shadow，transform——喵喵画网页

目录前言CSS3边框1.border-radius圆角边框2．box-shadow边框阴影3．border-image边框图像CSS3转换transform属性1．CSS32D转换总结前言来来来，上号~
猫佛·2024-02-15 01:48

[HTML]Web前端开发技术22（HTML5、CSS3、JavaScript ）HTML5 基础与CSS3 应用，animation ，@keyframes，Transition——喵喵画网页

目录前言CSS3转换transform属性2．CSS33D转换CSS3过渡transition属性Transition子属性设置语法CSS3动画animation1．CSS3动画animation基本语法
猫佛·2024-02-15 01:17

css五大定位

一.静态定位static定位是元素的默认定位方式。当一个元素的position属性设置为static时，它会根据文档流的正常顺序进行定位。换句话说，元素出现在HTML文档中的位置，不会受top、bottom、left以及right属性的影响。二.相对定位相对定位，就是相对于自己原来的位置进行定位2.1如何设置相对定位？给元素设置position:relative即可实现相对定位。可以使用left、
GIS小小白·2024-02-15 01:44

css中的选择器

这就是css的语法规范一.css的基本选择器1.1通配选择器作用：可以选中所有的HTML元素。语法：*{属性名:属性值;}1.2元素选择器作用：为页面中某种元素统一设置样式。
GIS小小白·2024-02-15 01:44

纯css实现那些超炫酷的动画效果

前言现如今网页越来越趋近于动画，相信大家平时浏览网页或多或少都能看到一些动画效果，那其实大家看到的动画其实很大一部分都是通过js或者插件实现的，但你知道吗，我们所熟知的css就可以制作炫酷的动画效果，下面一起看看吧
李長庚·2024-02-15 01:41

HTML+CSS炫酷效果（小伙伴赶紧收藏起来吧）

1.实现奥运徽效果2.实现3D效果3.翻开葵花宝典4.实现漂浮文字(动图）5.手机充电特效（动态）6.滚动时针7.立体相册1.实现奥运徽效果由于图片违规，就不给老铁发了哈亲自试试呗HTML如下奥运五环CSS
小小锋叔叔·2024-02-15 01:40

html css js实现无缝轮播图思路及其实现

一、思路：使用定时器完成图片的位置的偏移，使用transition完成图片的过渡动画。上图解释：单个黄色矩形表示图片，包裹所有矩形的外层这里叫“盒子”，蓝色盖住的部分代表可视盒子。1.自动轮播效果图：实现思路：上图黄色方块代表轮播图的排列位置，默认图片从start开始，切换到end的时候再往后走一个图片的宽度，到达chang的位置。此时通过js把盒子的transition过渡属性的时间置为0s，然
晚安778·2024-02-15 01:10

Css画一只皮卡丘

皮卡丘*{margin:0;padding:0;box-sizing:border-box;}*::after{box-sizing:border-box;}*::before{box-sizing:border-box;}body{height:100vh;border:1pxsolidgreen;display:flex;justify-content:center;align-items:c
木子欢儿·2024-02-15 01:09

css画一个皮卡丘

那么用css能不能画个皮神呢？
o_heart·2024-02-15 01:09

vant toast轻提示 看了之后立马就会的那种 零基础上手 vue2调用vant toast轻提示

vue2调用vanttoast轻提示首先在main.js导入我们的vant组件importVantfrom'vant';import'vant/lib/index.css';import{Toast}from'vant
奈何夕（小艾）·2024-02-15 01:09

HTML+CSS练习——皮卡丘（更新中）

前两天学了网页制作大白（地址：纯CSS打造网页版「大白」_Web-蓝桥云课）今天试试自己按照一张图片用HTML与CSS制作出来。原图：目前进度：还差尾巴闪电部分代码如下：HTML：<div
染星_·2024-02-15 01:07

css —— 写炫酷动画

前期回顾你把css：hover玩明白_0.活在风浪里的博客-CSDN博客你想要什么hover效果？你想要什么动画？
彩色之外·2024-02-15 01:06

css学习：轮播图

轮播图写法一：定位Document*{padding:0;margin:0;list-style:none;text-decoration:none;}#wrap{width:590px;height:470px;margin:50pxauto;border:10pxredsolid;position:relative;}img{vertical-align:middle;}/*.imgs{}*/
比尔盖茨接班人班长·2024-02-15 01:36

这十个css动画案例惊艳众人

对于网页设计师和开发工程师而言，创建一款极具趣味性和实用性的CSS网页动画，能让网站美观不少CSS动画，就是通过CSS代码搭建网页动画。
前端实验室·2024-02-15 01:05

【前端】Vue项目：旅游App-（14）home+search：搜索按钮及其路由跳转、分组数据的网络请求request、数据存储store和动态显示

文章目录目标过程与代码搜索部分：搜索按钮点击搜索按钮路由跳转并传数据search页面隐藏TabBar分类部分：数据请求：request、store显示数据分类的样式总代码修改或添加的文件common.cssrouter
karshey·2024-02-15 01:05

CSS特效027：超可爱的小狗狗，女孩子都喜欢

后来工作，更加感觉到可视化的魅力，于是乎更加的专注于canvas，CSS，openlayers，leaflet，cesium。。。
还是大剑师兰特·2024-02-15 01:35

CSS特效030：日蚀动画

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:35

CSS特效028：超迷人的科技之眼

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:34

CSS特效024：旋转的通透立方体

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:04

CSS特效025：旋转的loading状态

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:04

CSS特效022：小球抛物线效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:03

CSS特效023：文字聚光灯效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:03

CSS特效019：图标图片悬浮旋转一周

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:33

CSS特效020：涌动的弹簧效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:33

CSS特效021：蛇形左右扭动的效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:33

CSS特效016：天窗扬起合上的效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:03

CSS特效014：模仿钟摆效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:02

CSS特效014： hover后左右开门的效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:02

CSS特效015：7个小球转圈圈加载效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:02

CSS特效011：一个个蹦出的打字效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:32

CSS特效013：背景色彩不停流动效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:32

CSS特效010：文字颜色渐变的流光效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:31

CSS特效003：太阳、地球、月球之间的绕转动画

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:01

CSS特效004：hover图片，显示文字或附加层

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:01

CSS特效006：绘制不断跳动的心形

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:01

CSS特效008：鼠标悬浮文字跳动动画效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:01

CSS特效001：鼠标放div上，实现旋转、放大、移动等效果

CSS常用示例100+专栏目录本专栏记录的是经常使用的CSS示例与技巧，主要包含CSS布局，CSS特效，CSS花边信息三部分内容。
还是大剑师兰特·2024-02-15 01:31

我让ChatGPT用CSS3画一个皮卡丘，还是自己画的可爱

目录一、第一次尝试让ChatGPT用CSS3画皮卡丘1.绘制皮卡丘的耳朵：2.绘制皮卡丘的眼睛：3.绘制皮卡丘的嘴巴：4.绘制皮卡丘的尾巴：二、第二次尝试ChatGPT完整版皮卡丘CSS3代码如下三、自己动手用
经海路大白狗·2024-02-15 01:00

CSS画皮卡丘

效果图index.html皮卡丘style.css*{box-sizing:border-box;margin:0;padding:0;}*::before,*::after{box-sizing:border-box
Dax1_·2024-02-15 01:00

HTML

HTML和CSS、JavaScript被称为前端开发中最重要的三个核心技术。HTML用于制作网站的结构，CSS用于网站的表现形式，JS用于网站的行为模式。
王帅康_2022公益强化班·2024-02-15 01:45

28个炫酷的纯CSS特效动画示例（含源代码）

CSS是网页的三驾马车之一，是对页面布局的总管家，2024年了，这里列出28个超级炫酷的纯CSS动画示例，让您的网站更加炫目多彩。
还是大剑师兰特·2024-02-15 01:59

小燕子随想

2021年6月20日星期日晴“小燕子穿花衣，年年春天来这里，我问燕子你为啥来？燕子说，这里的春天最美丽……”——题记燕子是春天的使者，也是爱的使者，是我最喜欢的一种鸟儿。今天中午，先生陪我去看我老爸。刚进大门，就被门洞顶上的一个燕子窝给吸引住了——五六只嘴角还泛着黄边儿的小燕子正巴在窝边往外张望呢！哎呦喂，不大的一个燕子窝，挤满了小脑袋。我数了一下，露在外面的脑袋有五个，还有一个尾巴，这到底是五个
my第二天·2024-02-15 01:38

一路成长，一路随想

小时候读过刘墉老师的一句话:“成长是一种美丽的疼痛。”这一路的成长，笑过，哭过，伤过，痛过也迷茫过，遇见过一些人，走过一些路，看过一些风景，都会在脑海中留下记忆。随着时间推移，会不自觉地发现:在我们拥有着的同时也正在失去些什么……而那些正在失去的，是否是心中最珍贵的？于是，开始慢慢懂得，在这世界上，什么是我们最重要的？什么才是我们最应该用心去守护的？健康的身体，亲人的安康，朋友的情谊……静下心想想
珍视内心的柔软·2024-02-15 01:15

分发饼干（简单）——代码随想录算法训练营Day31

题目链接：455.分发饼干题目描述假设你是一位很棒的家长，想要给你的孩子们一些小饼干。但是，每个孩子最多只能给一块饼干。对每个孩子i，都有一个胃口值g[i]，这是能让孩子们满足胃口的饼干的最小尺寸；并且每块饼干j，都有一个尺寸s[j]。如果s[j]>=g[i]，我们可以将这个饼干j分配给孩子i，这个孩子会得到满足。你的目标是尽可能满足越多数量的孩子，并输出这个最大数值。示例1:输入:g=[1,2,
晴雪月乔·2024-02-15 00:18

摆动序列（中等）——代码随想录算法训练营Day31

题目链接：376.摆动序列题目描述如果连续数字之间的差严格地在正数和负数之间交替，则数字序列称为摆动序列。第一个差（如果存在的话）可能是正数或负数。仅有一个元素或者含两个不等元素的序列也视作摆动序列。例如，[1,7,4,9,2,5]是一个摆动序列，因为差值(6,-3,5,-7,3)是正负交替出现的。相反，[1,4,7,2,5]和[1,7,4,5,5]不是摆动序列，第一个序列是因为它的前两个差值都是
晴雪月乔·2024-02-15 00:18
上一页 25 26 27 28 29 30 31 32 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他