学习ECMAScript6以后涉及的知识越来越多,以前一些没有特别在意的知识点需要做归纳整理了。   比如CSS部分,以前我写样式使用的是CSS,现在主流的是使用Less,还有Sass、Scss、Styleplus来完成样式的编写,虽然Webpack借助额外的程序对这一部分转译为CSS语法,但是作为一个合格的前端开发者了解和掌握CSS的演变还是挺重要的,对于CSS 预处理器应该熟悉至少一种 C
转载 2024-09-24 15:34:06
0阅读
CSSCSS画矩形、圆、半圆、弧形、半圆、小三角、疑问框,css矩形 在网页中,经常会用到各种Icon,如果老是麻烦设计狮画出来不免有些不好意思,所以有时候我们也可以用CSS写出各种简单的形状,一来可以减轻他们的负担,二来也可以使用CSS替代图片,提高加载速度。 在网页中,结合CSS能画出来的最基本的形状就是矩形,所以,我们可以在矩形的基础上做出各种变换,得到很多不同的形状。 这次的分享主
转载 2023-09-02 21:53:45
107阅读
css 2.0还是没有翻转的,3.0里面有rotate属性,这个可以把元素进行 任意角度旋转,灰常强大。除了这个rotate,还有一个scale,一般用法格式是 -moz-transform:scale(1,1);括弧里面(1,1)前者表示X轴,后者表示Y轴,当数字大于1时放大,大于0并小于1时缩小,很好理解,那么负数是怎样的效果?答案是 翻转 。 -moz-transform:scale(-1
上周Stable Diffusion WebUI正式发布了1.9.0版本,我也第一时间把AutoDL镜像升级到了最新版本,有几个比较重要的更新再和大家同步下。1、为SDXL-Lightning模型使用SGM统一调度器SDXL-Lightning由字节跳动开源,是一款闪电般的快速文生图模型,能够在几步之内生成高质量的1024像素图像。模型源自 stable-diffusion-xl-base-1.0
CSS 指层叠样式表 (Cascading Style Sheets)CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明:选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。CSS声明总是以分号(;)结束,声明组以大括号({})括起来:id 选
文章目录目的linear-gradient(线性渐变)radial-gradient(径向渐变)conic-gradient(锥形渐变)总结 目的对于用户界面开发来说渐变是一种非常常用的功能。CSS中的渐变是一种由一定规则生成的图像(image数据类型),主要分为线性渐变和径向渐变,另外还有个新出的圆锥渐变。linear-gradient(线性渐变)线性渐变就是指两种或以上颜色沿着某条直线铺展开
今天有读者询问制作鼠标经过时切换图片的效果,这种效果也称为“翻转”效果(roll-over)。原来这种效果大多使用Javascript实现,实际上用CSS可以非常方便地制作出来的。这里给出一个最简单的效果,在深入的复杂效果变化就非常多了,有兴趣的读者可以慢慢深入研究。先看一下这个效果,将鼠标移到按钮图片上时,图片就会成另一个了。 Button Text  这个效果实现
转载 2024-10-29 14:29:26
53阅读
 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>测试Pixy</title> <style> a{ display:block; width:100px; height:50px; text-indent:-200px
转载 2024-07-22 11:40:30
44阅读
text-shadow(文字投影),box-shadow(容器投影),border-radius(圆角)这三个属性估计以后用的比较多,记录 一下。目前不支持IE系列(不过可以使用其他方法实现,下文有详细介绍),无语的IE系,只支持Firefox和chrome。一、除IE之外的text-shadowText Shadow :文本的阴影,给文本添加阴影效果文字阴影的结构顺序为:x 轴偏移,y 轴偏移,
最近看了很多这方面的文章,能搜到的基本看了个遍,但感觉还是似懂非懂,知道这个东西,很难说出这是个什么东西,先整理一些概念,慢慢消化,以后慢慢探索其中的原因。1、PX(CSS pixels)1.1 定义虚拟像素,可以理解为“直觉”像素,CSS和JS使用的抽象单位,浏览器内的一切长度都是以CSS像素为单位的,CSS像素的单位是px。1.2 注意在CSS规范中,长度单位可以分为两类,绝对(absolut
转载 8月前
29阅读
CSS是Cascading Style Sheets的简称,中文称为层叠样式表,用来控制网页数据的表现,可以使网页的表现与数据内容分离。要想让CSS对网页内容有效果,必须将CSS代码引入网页,通常有四种方式,详见下文。          .1     &nbs
转载 2024-07-26 13:49:26
75阅读
最近在学习的过程中,偶然间看见一篇文献中使用到了可变形卷积(DeformableConvolution),在该文献中,使用一部分的可变形卷积去替代普通卷积,就可以使得图像分割的效果变得更好,这引起了我的兴趣,就想着能不能将可变形卷积的操作引入到yolov5中,引入了yolov5后是不是会对检测有帮助。于是我对可变形卷积的操作做了一定的了解,并在别人代码的基础上做了修改然后将其加入到了yolov5中
CSS镜像翻转(水平/垂直翻转)(两种写法)【方法一】利用css动画属性rotate旋转来实现:/* 方法一 */ .mirrorRotateLevel { transform: rotateY(180deg); /* 水平镜像翻转 */ } .mirrorRotateVertical { transform: rotateX(180deg); /* 垂直镜像翻转 */ }此处,rotateY(
话说,苹果这几年,确实没让人省心过。 首先不说产品力的问题吧!但小毛病小问题,却每年都有。 果子一件件罗列下来,恐怕每代都能拿出来说一下。 问题最早,甚至能追溯到离我们不太远但卖的最好的 iPhone 6 说起! iPhone 6 :  首次采用大屏大尺寸,虽然是铝合金机身,但 6000 系铝合金也难逃机身强度的不足。 导致那年多少小伙
作者简介CW,广东深圳人,毕业于中山大学(SYSU)数据科学与计算机学院,毕业后就业于腾讯计算机系统有限公司技术工程与事业群(TEG)从事Devops工作,期间在AI LAB实习过,实操过道路交通元素与医疗病例图像分割、视频实时人脸检测与表情识别、OCR等项目。目前也有在一些自媒体平台上参与外包项目的研发工作,项目专注于CV领域(传统图像处理与深度学习方向均有)。  前言相信大
CSS3中,可以利用transform功能来实现文字或图像的旋转、缩放、倾斜、移动这四种类型的变形处理,本文将对此做详细介绍。一.旋转 rotate 用法:transform: rotate(45deg); 共一个参数“角度”,单位deg为度的意思,正数为顺时针旋转,负数为逆时针旋转,上述代码作用是顺时针旋转45度。二.缩放 scale 用法:transform: scale(0.5) 或者 t
1、HTML 元素透明其实本身,CSS 实现元素透明是件容易事儿。直接上代码:opacity:.5opacity 指的是不透明度,取值为 0~1 之间,1 表示完全不透明,0 表示完全透明。A 级浏览器基本都支持 opacity 属性,但碰上 IE,总没好事。不过 IE 有滤镜,可以帮助我们拐弯抹角地搞定不透明度:filter:alpha(opacity=50);注:事实上会碰到透明背景层,而 o
转载 6月前
10阅读
使用前端可视化界面的方案:xml+krpano约定开发命名规则 a. XML标签中,自定义变量,方法,函数,都需使用下划线 _ 方式进行命名连接,禁止使用驼峰命名; b. XML调用js函数以 handle_xxx开头; c. 属性值不区分大小写,系统属性值-统一采用大写,自定义属性值采用小写加下划线; d. 所有标签中,name必须是唯一值,有重复会覆盖; 项目所
前言日子总是像从指尖流过的细沙,在不经意间悄然的滑落。转眼2019年第一季度已经过去了,提前祝大家愚人节快乐,当心被人愚弄哦(就算被愚弄也不要生气啦)。先来看看今天要实现的效果原图: 玩过王者的应该都熟悉,这个页面的效果。为什么要实现这个效果了?第一:王者这么火,电竞这么火。 第二:主要还是来学习 CSS3 的线性、径向渐变、旋转、缩放以及动画。图形解析1、背景(径向渐变) 2、玩家(
Matlab/OpenCV 实现稿子文字左右对称翻转 2021.9.61、为什么要对文字进行左右对称翻转?(需求)2、针对稿子的三种思路3、具体实践(方式1、文本类;方式2、图片类)3.1 文本类方式(使用Word)3.2 图片类方式(Matlab/OpenCV)3.2.1 图片类代码实现3.2.1.1 Matlab(图片类)3.2.1.2 OpenCV(图片类)3.2.2 图片类结果C#打开滚
  • 1
  • 2
  • 3
  • 4
  • 5