ICode9

精准搜索请尝试: 精确搜索
  • 高阶 CSS 技巧在复杂动效中的应用2022-09-09 15:04:04

    最近我在 CodePen 上看到了这样一个有意思的动画: 整个动画效果是在一个标签内,借助了 SVG PATH 实现。其核心在于对渐变(Gradient)的究极利用。 完整的代码你可以看看这里 -- CodePen DEMO -- to the future

  • Vue+zxing实现扫二维码、条形码功能2022-09-05 16:01:12

    <script setup > import { ref, reactive, toRefs } from 'vue' import { BrowserMultiFormatReader } from '@zxing/library'; import { Dialog, Notify } from 'vant'; import { useRouter, useRoute } from "vue-router" c

  • 手写CSS的书签“标签”样式2022-06-27 14:03:18

    改标签为书签的样式<div class="ant-card-body card_blue"> <div class="tipspp">安全匹配</div> <div type="flex"... ... .tipspp { position: relative; z-index: 9; top: -15px; content: #fff;}.tipspp:before { position: abs

  • uniapp解决滚动条问题2022-06-22 13:03:38

    在App.vue的style中写上 /* 解决小程序和app滚动条的问题 */ /* #ifdef MP-NEIXIN 11 APP-PLUS */ ::-webkit-scrollbar { display: none; width: 0 !important; height: 0 !important; -webkit-appearance: none; background: transparent; color: transparent; } /* #e

  • TiDB 系统优化2022-06-15 15:04:14

    1、将集群中所有服务器进行如下优化操作 yum install -y numactl vi /etc/rc.d/rc.local if test -f /sys/kernel/mm/transparent_hugepage/enabled; then echo never > /sys/kernel/mm/transparent_hugepage/enabled fi if test -f /sys/kernel/mm/transparent_hugepage/def

  • css三角形的制作2022-06-09 14:05:39

    目录三角形的制作 有些时候,网页中会有对话窗弹出,其中就需要引入三角元素,来标识是哪个元素弹出的对话框。 三角形的制作 三角形的制作使用 border 来进行制作。 当我们给一个盒子指定了大小为0,四个边框有大小且不同颜色时,这四个边框就会以三角的形式展现。 .box { wi

  • MongoDB介绍和部署2022-05-20 00:35:10

    文档数据库 文档(json)类数据库 { id:101 name:zhangsan age:18 } 逻辑结构 Mongodb 逻辑结构 MySQL逻辑结构 库 :database 库 集合(collection) 表 文档(document) 数据行

  • 如何使用css绘制三角形2022-05-16 11:02:36

    背景 用迪卡侬官方主页进行页面练习,发现头部导航栏需要使用到梯形 分析 图形分解 通过图片我们可以发现该梯形可以分解成一个长方形和一个直角三角形,长方形:110*65;直角三角形:11*65(底边*另一个直角边) 三角形代码分析 我们的重点就是那个如何使用css来绘制那个直角三角形(不考虑位置

  • 工作中常用Less知识点实践总结2022-04-27 00:32:02

    我所理解的Less的一些好处 函数式编程css 自定义变量用于整体主题调整 嵌套语法简化开发复杂度 mixin的写法 .defaultBorder(@width: 10px, @style: solid, @color: red){ border: @width @style @color; } when条件判断函数 .area(@width) when(@width <= 200px){ width:

  • 【CSS】绘制一个三角形2022-04-20 21:02:43

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minim

  • CSS 构造三角箭头2022-03-08 12:32:43

    总所周知,在CSS的世界中有很多样式和效果看起来简单实则不那么简单,就比如一个小小的▲符号元件,也是通过指定样式产生的,而并不是开箱即用的产物。 要掌握如何设计一个理想的▲符号元件,我们就必须先深入了解边框border的结构组成。 代码如下: .frame { background-color: #ccc; he

  • 彩虹雨(源码)html css+js(22行)2022-03-01 09:02:14

    1.效果图 思路:首先 搭建好 一个 ‘< i >’ 的样式 还用下落的动画 接着使用for循环 创建多个 并添加到body中 2.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="

  • 给图片添加渐变透明效果|c3镜像渐变2022-02-26 11:31:28

    1.给图片父元素添加渐变效果,定位将图片权重降低,达到类似蒙版效果      2.镜像渐变效果 -webkit-box-reflect:below 0 -webkit-linear-gradient(transparent,transparent 50%,rgba(255,255,255,.3)); 资料:https://www.w3cschool.cn/css3/box-reflect.html;  

  • cocos creator3.x h5项目启动背景修改,仅限单色2022-02-24 17:03:09

    最近接手一款h5项目,做完后打开较慢,开启后的黑屏时间较长,找到了此方法可更改开启后的黑屏时间,但在此次黑屏后与cocos插屏出现中间的黑屏暂无解决方案,希望有大佬可以教学。 1.设置ENABLE_TRANSPARENT_CANVAS        打开项目设置,选择Maco Configurations,勾选ENABLE_TRANSPARENT_

  • CSS三角2022-02-09 11:02:24

    CSS三角 .box1 { width: 0; height: 0; /* border: 10px solid pink; */ border-top: 10px solid pink; border-right: 10px solid red; border-bottom: 10px solid blue; border-left: 1

  • css 伪类做箭头指向2022-01-20 14:30:00

    下 .box{ width: 200px; height: 40px; background-color:red; margin: 0 auto; } .box:after{ position: relative; top: 48px; content: ''; border-top: 10px solid red; border-left: 10px solid transparent; border-right: 10px solid tra

  • step步骤条的封装2022-01-12 15:33:46

        <template> <ul class="triangle_step"> <li :class="{cur:active>=index}" v-for="(item,index) in stepArr" :key="index" :style="{width:width}" @click=&

  • css三角形升级(秒杀效果)2021-12-26 22:04:48

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=

  • CSS伪类选择器实现三角形2021-12-14 17:02:07

    使用css实现常用的三角效果 项目中三角: .breadcrumb{ height: 40px; line-height: 40px; padding: 0 20px; border-top: 1px solid #f9c700; .breadcrumb-title{ text-align: center; font-size: @fontC;

  • 【无标题】2021-12-04 14:30:38

    效果: 代码:  <body> <div class="container"></div> </body> <style> body{ background:black; } .container{ width: 200px; height: 100px; background-image: radial-gradient(circle, transparent 8px,

  • web实习Day32021-11-17 17:31:28

    彩虹效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="

  • C#将Lable标签的背景颜色设置为透明2021-11-14 11:02:01

    原效果图为: 将BackColor的颜色属性改为Transparent 效果如下:

  • [css] 面试题 画一个三角形2021-11-12 20:58:45

    .border { width: 0; height: 0; border: 50px solid; border-color: transparent transparent #d9534f; } <div class="border"></div> [css] CSS画一个三角形,CSS绘制空心三角形

  • Vue+zxing实现扫二维码、条形码功能2021-11-12 10:00:07

    <template> <div class="page-scan"> <!--返回--> <!-- <van-nav-bar title="扫描二维码/条形码" fixed @click-left="clickIndexLeft()" class="scan-index-bar"> <te

  • css画箭头2021-11-09 10:59:21

    css画箭头 双箭头 //外层可以加标签用来定位 <view class="arrow-right"> <view></view> <view></view> </view> .arrow-right { display: flex; width: 40rpx; height: 40rpx; transform: rotate(90deg);/*改变箭头的方向*/ } .arr

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有