css奇技淫巧

css动画--动画加载

动画加载@keyframesbox{from{opacity:1;transform:translateY(0);}to{opacity:0.1;transform:translateY(10px);}}.box{display:flex;justify-content:center;}.box>div{width:1rem;height:1rem;margin:3rem0.2rem;backgr
怪兽别跑biubiubi·2024-01-28 22:08

vue3下富文本编辑器@wangeditor的一些配置

在vue3下使用v5版本获取所有key的方法editorRef.value.getAllMenuKeys()DOMimport'@wangeditor/editor/dist/css/style.css
您的小透明·2024-01-28 22:40

[tensorflow] Tensorflow中learning rate 调整+ decay奇技淫巧

学习率设置在训练过程中，一般根据训练轮数设置动态变化的学习率。刚开始训练时：学习率以0.01~0.001为宜。一定轮数过后：逐渐减缓。接近训练结束：学习速率的衰减应该在100倍以上。Note：如果是迁移学习，由于模型已在原始数据上收敛，此时应设置较小学习率(≤10−4≤10−4)在新数据上进行微调。把脉目标函数损失值曲线理想情况下曲线应该是滑梯式下降[绿线]：曲线初始时上扬[红线]：Solutio
ASR_THU·2024-01-28 21:04

typescript入门练手小demo

刚好最近论文查重过了，时间暂时充裕了起来，就准备练习一下typescript和scss。实现的效果也很简单代码放在了gitee上，仓库地址是ts
微雨即至·2024-01-28 21:33

css字体引入

1.使用@font-face{}@font-face{font-family:myFirstFont;src:url('Sansation_Light.ttf'),url('Sansation_Light.eot');/*IE9*/}2.使用中文字体需要.ttf格式3.使用less定义类.fontFace(@name,@url){@font-face{font-family:'@{name}';s
时子释·2024-01-28 21:04

线CSS实现对比效果

线CSS实现对比效果，CSS对比效果，传统大家都是用图片来实现对比效果，其实这个对比效果用的理上下两个三角形来做出一个斜体对比效果。
diygwcom·2024-01-28 20:23

练习动画最好的方式（SCSS篇）：图片故障效果~

什么是故障效果？它的原意是“短暂的干扰”，在视觉艺术中常被用来指“图像干扰”。这是恐怖片和网络片中最常见的效果之一。什么是RGB置换？色差、RGB偏移、RGB分裂（RGBsplit）等。有各种方法来描述它，但从本质上讲，它意味着光的三原色，即红、绿、蓝，在没有任何错位的情况下应该重叠显示的状态。这是与突变效果一起使用的，在某些情况下，突变一词被用来包括颜色的转变，所以在这种情况下也实施它，会产生更
前端仙人·2024-01-28 20:52

优选6款前端动画特效分享（附在线演示）

优选6款前端动画特效其中有CSS动画、canvas动画、js小游戏等等下方效果图可能不是特别的生动那么你可以点击在线预览进行查看相应的动画特效同时也是可以下载该资源的翻页时钟特效基于react实现的一款翻页时钟特效切换时间特效跟比赛切换分数牌相似以下效果图只能体现框架的内容没有具体的动画效果这时你可点击在线预览进行查看在线预览
迂 幵·2024-01-28 20:21

精选6款前端动画特效分享（附在线演示）

分享6款好玩的前端动画特效其中有CSS动画、canvas动画、js小游戏等等下方效果图可能不是特别的生动那么你可以点击在线预览进行查看相应的动画特效同时也是可以下载该资源的CSS日食与太阳碰撞动画一款基于
迂 幵·2024-01-28 20:21

css3中的动画特效--跳动的篮球

一.利用css3动画实现一个小球跳动效果CSS3的“过渡”（transition）属性通过设定某种元素在某段时间内的变化实现一些简单的动画效果，让某些效果变得更加具有流线性与平滑性。
好喜欢前端·2024-01-28 20:21

7款值得去尝试的前端动画特效（附效果图及在线演示）

分享7款好玩的前端动画特效其中有CSS动画、canvas动画、js小游戏等等下方效果图可能不是特别的生动那么你可以点击在线预览进行查看相应的动画特效同时也是可以下载该资源的橙汁粒子特效一款基于canvas
迂 幵·2024-01-28 20:50

大一网页设计期末大作业，HTML+CSS静态网站

前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS
web网站建设·2024-01-28 20:20

CSS3动画的属性有哪些？

css3动画：animation特点：不需要事件触发，调用“关键帧”即可。关键帧：计算机动画术语，帧——就是动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。
luocaihui·2024-01-28 20:49

前端必学的CSS3波浪效果演示

以下是这三种CSS3波浪效果的使用说明使用translateX和translateZ属性创建波浪效果：使用场景：适用于需要在X轴上平移和在Z轴上应用3D变换的波浪效果。
一花一world·2024-01-28 20:48

分享7款有关前端的动画特效（附静态效果图及在线演示）

分享7款有趣也实用的前端动画特效其中有CSS动画、canvas动画、js小游戏等等下方效果图可能不是特别的生动那么你可以点击在线预览进行查看相应的动画特效同时也是可以下载该资源的canvas破碎动画特效基于
迂 幵·2024-01-28 20:47

css中的animation属性有哪些？有什么作用？

css中的animation属性有哪些？有什么作用？！大家都知道，现在做前端动态特效，离不开animation。下面就罗列了一些属性的作用和意义。帮助大家掌握，如何设计规划自己的动态特效。
yrldjsbk·2024-01-28 20:17

Vue（27）vue-codemirror实现在线代码编译器

端实现在线代码编译的效果，那么需要使用组件vue-codemirror，他是将CodeMirror进行了再次封装支持代码高亮62种主题颜色，例如monokai等等支持json,sql,javascript，css
Silent丿丶黑羽·2024-01-28 20:44

antd使用codemirror编辑器(四)

vue-codemirrornpminstallvue-codemirror--save全局引用，在main.js中添加如下代码：import{codemirror}from'vue-codemirror'import'codemirror/lib/codemirror.css'impo
Xiaoshuang_Cao·2024-01-28 20:13

vue+codemirror 实现SQL编译器并使用及sql-formatter格式化sql语句

（使用的idea主题）//封装好的组件importCodeMirrorfrom'codemirror'import'codemirror/lib/codemirror.css'import'
O3ohn·2024-01-28 20:43

CSS探索浏览器兼容性

学习如何探索浏览器的兼容性对于编写跨浏览器兼容的CSS代码非常重要。
hzttaoh·2024-01-28 20:09

CSS--Emmet 语法

Emmet语法的前身是Zencoding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法.目录1.快速生成HTML结构语法1.1快速生成HTML结构语法2.快速生成CSS样式语法
hzttaoh·2024-01-28 20:24

CSS复合选择器

子选择器4.并集选择器5.伪类选择器5.1链接伪类选择器5.2:focus伪类选择器6.总结7.补充7.1相邻兄弟选择器（也叫加号选择器）7.2通用兄弟选择器（也叫波浪号选择器）1.什么是复合选择器在CSS
hzttaoh·2024-01-28 20:24

CSS定位布局学习

CSS定位布局是指通过CSS的定位属性来控制元素在页面上的位置和布局。
hzttaoh·2024-01-28 20:53

CSS引入方式

1.CSS的三种样式表按照CSS样式书写的位置（或者引入的方式），CSS样式表可以分为三大类：1.行内样式表（行内式）2.内部样式表（嵌入式）3.外部样式表（链接式）2.内部样式表内部样式表（内嵌样式表
hzttaoh·2024-01-28 20:53

CSS字体属性和文本属性

一.字体属性CSSFonts(字体)属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。1.字体系列CSS使用font-family属性定义文本的字体系列。
hzttaoh·2024-01-28 20:23

CSS基础

了解CSS##作用：在前端开发中，用来修改样式。
linqii·2024-01-28 20:11

滑动窗口算法

本文代码为C++实现，不会用到什么编程方面的奇技淫巧，但是还是简单介绍一下一些用到
weixin_42719028·2024-01-28 19:20

css学习网站

flexboxdefense.comflexboxfroggy.comcssgridgarden.comflukeout.github.iomastery.games/flexboxzombies
txtNaiu·2024-01-28 19:00

CSS设置单行文字水平垂直居中的方法

单行文字水平垂直居中div{/*给div设置宽高*/width:400px;height:200px;margin:100pxauto;background-color:red;/*设置行高为盒子的高度*/line-height:200px;/*设置文字水平居中*/text-align:center;}我是要水平垂直居中的文字效果图：
远近高低各不同·2024-01-28 19:37

07-JQuery插件应用

使用JQueryUI提供的基本功能，需要如下文件支持:(1)jquery-ui.css(2)jquery.js(3)jquery-ui.jsjqueryui主题风格:可以通过如下网站地址选择风格或者自定义
D丝学编程·2024-01-28 18:02

better-scroll不生效的原因

1、检查其组成，有无容器和滑块：//一个容器//一个滑块//内容2、css中，滑块高度或者宽度，是否大于容器高度或宽度滑块需要超出容器，才会出现滚动条3、确认是横向滚动还是纵向滚动：横向：需要在参数的设置对象中
九思joyce·2024-01-28 17:25

html和css结合实现手机端网页自适应的代码

本篇文章给大家带来的内容是关于html和css结合实现手机端网页自适应的代码，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
PHP9年架构师·2024-01-28 17:55

web前端项目-动画特效【附源码】

文章目录一：赛车游戏动画`HTML`源码：`JS`源码：`CSS`源码：（1）`normalize.css`（2）`style.css`二：吉普车动画演示`HTML`源码：`CSS`源码：（1）`reset.css
温轻舟·2024-01-28 17:26

VScode cssrem插件使用 详细教程

VScodecssrem插件使用详细教程1.下载插件打开扩展，搜索cssrem如图：点击安装image.png2.重新加载下载安装完成重新加载一遍，使插件生效image.png3.设置根字体点击VScode
丘比特爱上猫·2024-01-28 17:15

Vue3 + Vite 配置全局scss

1.安装scssnpminstall-Dsass2.配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
Free zitao·2024-01-28 16:18

CSS 多色正方形上升

body{background-color:#212121;/*设置背景颜色为#212121*/}.cubes{position:absolute;/*设置绝对定位*/top:50%;/*设置顶部距离为50%*/lef
特创数字科技·2024-01-28 16:48

CSS 双色拼接按钮效果

按钮body{background-color:#212121;/*设置背景颜色*/}.sss{margin-top:300px;/*设置上边距*/text-align:center;/*设置文本居中*/}button{width:150px;/*设置按钮宽度*/height:50px;/*设置按钮高度*/position:relative;/*设置相对定位*/}button::before{co
特创数字科技·2024-01-28 16:48

vue3+vite使用scss

1、安装依赖npminstallsass-d2、配置vite.config.jscss:{preprocessorOptions:{scss:{additionalData:'@import"@/assets
xfq_z·2024-01-28 16:48

vue3和vite项目在scss中因为本地图片，不用加~

看了很多文章说要加~，真的好坑哦，我的加了~反而出不来了：304NotModified所以需要去掉~：/*默认dark主题*/:root[theme='red']{--bg-color:#0d1117;--text-color:#f0f6fc;--backImg:url('@/assets/images/redBg.png');}/*light主题*/:root[theme='blue']{--b
1024小神·2024-01-28 16:47

有趣的css - 好看的呼吸灯效果

整体效果这个效果主要用css3的animation属性来实现的。这个效果可以用作在网站的整体Loading，也可以放在网站首屏当一个banner的背景也是非常棒的！
设计师工作日常·2024-01-28 16:52

一般人我都不告诉他的那些css伪选择器

什么是伪选择器CSS中的伪选择器是指用于匹配特定状态或位置的选择器，它们不是基于HTML元素的实际属性进行匹配，而是基于元素的状态或上下文进行匹配。
设计师工作日常·2024-01-28 16:21

CSS Content 属性的几种妙用和技巧

content属性是CSS中一个非常有用的属性，可以用于插入生成内容，如在::before和::after伪元素中添加文本或图标。
设计师工作日常·2024-01-28 16:21

Vue集成openlayers

importViewfrom"ol/View";importTileLayerfrom"ol/layer/Tile";importXYZfrom"ol/source/XYZ";import'ol/ol.css
知足常乐晨·2024-01-28 16:50

2020-05-28 bootstrap datetimepicker插件zhi当前日期之后禁止点击

此次用到的参数是：endDate，用法如下：$('#datetimepicker').datetimepicker({//选择年月日bootcssVer:3,//bootstrap版本问题format:
忆丶往·2024-01-28 15:43

vue项目引入全局样式的几种方式

现在有一个common.css文件，想项目中所有的vue文件不需要导包就可以使用其中的样式。
盛大人很低调·2024-01-28 15:03

Swiper轮播插件的使用与二次封装

并且Swiper不依赖于任何框架，意味着单纯的html+css也可以去引用，jquery或是Vue等等，都可以去使用。2、Vue中使用Swiper建议不要直接依据官方文档的npm安装，np
听书先生·2024-01-28 15:51

springboot美发门店管理系统

一、技术路线：开发语言：Java使用框架：springboot前端技术：JavaScript、VUE.js（2.X）、css3数据库：MySQL5.7数据库管理工具：Navicat或sqlyog开发工具
言宇程序·2024-01-28 15:25

java-php-python-基于springBoot仓库管理系统计算机毕业设计

java-php-python-基于springBoot仓库管理系统计算机毕业设计本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS
涩味人生·2024-01-28 15:22

9、css3选择器、阴影、圆角边框、背景、怪异模型

css3选择器：包括：属性选择器、伪类选择器、伪元素选择器属性选择器选择所有带有x属性的元素【x】选择所有带有x属性名且属性值是y的元素【x=“y”】选择所有带有x属性名且属性值是包含子字符串y的元素【
@zyf哈哈哈哈·2024-01-28 15:42

10、css3渐变、转换（扭曲、平移、旋转）、过渡、分页、动画

渐变渐变：两个或者多个颜色之间平稳过渡渐变的属性名：background-image渐变的分类：线性渐变:background-image:liner-gradient(颜色，颜色)向下/向上/向左/向右/对角方向的使用方法：1、方位名字2、角度单位是deg角度background-image:linear-gradient(toleft,hsl(0,100%,50%),blue);backgro
@zyf哈哈哈哈·2024-01-28 15:42
上一页 54 55 56 57 58 59 60 61 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他