ICode9

精准搜索请尝试: 精确搜索
  • 直播系统代码,几种CSS3常用动画效果和样式2022-07-29 14:35:19

    直播系统代码,几种CSS3常用动画效果和样式 一、360旋转 修改rotate旋转度数,代码如下:   * {    transition:All 0.4s ease-in-out;}*:hover {    transform:rotate(360deg);} ​ 二、放大 修改scale放大的值,代码如下:   * {    transition:All 0.4s ease-in-out;}*:hover { 

  • CSS实现动感的倒计时效果,动画合成小技巧!2022-07-27 14:32:08

    介绍一个 CSS 动画合成小技巧。先看效果 这是一个非常“动感”的倒计时效果,通常在一些活动开场中比较常见,分析一下整个动画过程,不难发现,有以下几类动画 数字的变化 缩小和放大 透明度变化 不知道小伙伴能否观察出来呢?下面来一起来看看具体实现吧 一、数字的变化 先来看数字的变

  • 平面转换2022-07-26 10:00:18

    在网页中,也有一些需要移动的东西,这时我们可以使用CSS中的平面转换的相关内容。 平面转换言简意赅就是在一个平面上对一个东西进行转换,既然是平面,那么我们猜一下在平面上能干嘛呢?   第一:上下移动 上下移动就是比较简单,属性名+属性值 属性名:transform 属性值:translate(*),向右移动;tran

  • 原生 JS+CSS 构建支持 3D 旋转的魔方2022-07-24 22:04:33

    背景简介 本篇完全基于原生 JS 和 CSS,不需要额外的开发框架或工具。但由于用到了 ES6 模块化语法,如果在浏览器中查看结果,需要添加相应的环境工具。这里是用的 VSCODE 里的 Live Server 插件,如果用 webpack 等工具构建的话,也可以添加相应的插件。 以下以二阶魔方为例,三阶及更高阶的

  • Unity-四元数2022-07-22 18:07:38

    四元数 点击查看代码 // 要朝向的目标 private GameObject objA; private void alterAngle (){ // 通过四元数将当前位置到目标位置的向量转换成角度并赋予当前物体的旋转角度 transform.rotation = Quaternion.LookRotation(objA.transform.position - transform.posit

  • html + css 01: 3d立方体2022-07-21 09:34:26

    html + css实现3d立方体 注意:内外层使用的图片,要和内外层容器的规格相同 css代码 /*页面背景色*/ body{ background-color: black; background-repeat:no-repeat; } /********************** 双层3D立方体 *********************/ /*最外层容器*/ .wrap{ margin: 36

  • 博客园美化主题2022-07-21 08:31:45

    我是前几天才注册博客园账号的,当我选择主题的时候,我发现:这些主题看起来都好老。 因此,我们可以利用代码,来自己做一个主题。 下面,我就来手把手教大家怎么自己做一个漂亮的主题。 一、打开博客后台的设置,并申请JS权限。 二、申请好JS权限后,把博客皮肤改成SimpleMemory,因为我们后面

  • Visual Studio 生产环境配置方案:SlowCheetah2022-07-16 19:35:11

    原文 SlowCheetah 能满足你不同编译模式产生不同 app.config 配置的需求,已被微软纳入麾下,支持XML,JSON格式。 下面我们用XML的格式来试试如何使用SlowCheetah,JSON方式还没研究。 安装 nuget 安装 SlowCheetah,选择微软Microsoft那个 打开 vs 扩展商店安装插件 SlowCheetah

  • getall()函数的报错2022-07-16 13:32:43

    昨天还用的好好的,今天就报错了 def getall(): alls = self.mobjects vg = VGroup() for i in alls: vg.add(i) return vg a = getall() … # 让a移动等操作 self.play(Transform(a,b)) 报错: TypeError: Al

  • 关于本博客搭建用的一些美化2022-07-14 17:05:13

    首先感谢大佬的分享: 老官童鞋gogo:博客园美化大集合2020最新!不用担心失效问题! - 老官童鞋gogoの小号 - 博客园 (cnblogs.com) 了凡:博客园 美化主题(绝对有效)+ CSDN 搬入 博客园 - 了_凡 - 博客园 (cnblogs.com) 下面是一些设置: 基本设置:  页面定制CSS代码: 重点-->   1 *,.Cal{

  • P6800 【模板】Chirp Z-Transform2022-07-14 16:01:22

    \(\text{Solution}\) 考虑把\(c^i\)带入多项式得 \[ans_i = \sum_{j = 0}^{n - 1}a_jc^{ij} \]利用组合数把\(c^{ij}\)拆开,\(ij = \binom{i + j}{2} - \binom{i}{2} - \binom{j}{2}\),证明把组合数拆开即可。 \[ans_i = \sum_{j = 0}^{n - 1}a_jc^{\binom{i + j}{2} - \binom{i}{2}

  • Unity多人联机解决方案 -- Mirror知识总结2022-07-14 13:03:31

    组件 Network Transform 这个组件的功能现在只用于同步位置、旋转和缩放。 当我们添加NetWork Transform的时候,会自动为我们添加一个Network Identity的组件,这也是NetWork Transform组件依赖的一个必须组件。 默认情况下,NetWork Transform组件是服务器来控制权限的,除非你勾选了“C

  • 查漏补缺——解释一下!function(){}(window, document)2022-07-12 16:33:53

    问题 如题所示 答案 相关源码: !function (e, t, a) { function n() { c( " .heart{ width: 10px; height: 10px; position: fixed; background: #f00;

  • 谷歌浏览器怎么设置字体少于12px2022-07-11 12:05:26

    方法一、使用-webkit-text-size-adjust属性 如:div { -webkit-text-size-adjust:none;font-size:10px } 事实上,设置了这个属性后,并没有任何反应,无论是直接加在td上,还是加在body中。经查,在chrome29版本之前有效,之后的版本就不支持了。 2、使用transform来解决 如:transform:scal

  • 跳动的心脏2022-07-10 21:00:33

    《打火机与公主裙》-跳动的心脏 女主真是一个大神仙,看着C语言的书(水仙花数……),学习怎么用前端语言做出特效,这是内置了一个代码转换器吗? 注:主要涉及绘制心脏、虚线格背景等问题 音乐嵌入一直都是一个难以解决的问题,想要添加自动播放、循环且隐藏不可见的背景音 如果可以加一些心跳

  • 探究-加了动画移动 offsetTop却没有变化2022-07-10 20:37:40

    给div盒子加了translateY,但是在移动的过程中offsetTop的数值却没有变化,跟我预想的很不一致 于是去查了MDN,https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/offsetTop 这一页没说明白,又点进规范看了看, https://drafts.csswg.org/cssom-view/#dom-htmlelement-offset

  • Unity3D学习笔记8——GPU实例化(3)2022-07-10 19:34:03

    目录1. 概述2. 详论2.1. 自动实例化2.2. MaterialPropertyBlock3. 参考 1. 概述 在前两篇文章《Unity3D学习笔记6——GPU实例化(1)》《Unity3D学习笔记6——GPU实例化(2)》分别介绍了通过简单的顶点着色器+片元着色器,以及通过表面着色器实现GPU实例化的过程。而在Unity的官方文档C

  • css之transform属性的使用2022-07-09 14:03:10

    1.定义:Transform属性应用于元素的2D或3D转换。这个属性允许你将元素旋转,缩放,移动,倾斜等。 2.常用的属性值: (1)translate(移动):   这个属性值里面含有三个参数,依次表示x轴,y轴,z轴,         常用的translate属性的的用法介绍:                                  

  • manim paraffins conformation2022-07-05 15:03:04

    %%manim -v WARNING -qh s1

  • 立体旋转圆环2022-06-30 15:31:14

    <!DOCTYPE html> <html>  <head>   <meta charset="utf-8" />   <title></title>  </head>  <style>   @keyframes myfirst {    0% {     transform: rotateY(0deg)    }      100% {     transform: rotateY(360

  • css制作圆形进度条2022-06-30 10:03:19

    https://blog.csdn.net/tdl081071tdy/article/details/106547045 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial

  • 查漏补缺——解释一下以下代码2022-06-27 21:04:36

    问题 源码如下: .hzh-banner-img:hover { transform: scale(1.1, 1.1); filter: contrast(130%); } 答案 :hover表示光标悬挂在元素上发生改变。 transform表示2D转换,scale表示缩放转换,两个参数表示水平和垂直方向都进行转换。 filter类似滤镜这东西,contrast表示使用对比

  • vite项目require语法兼容问题解决 require is not defined2022-06-26 02:31:47

    vite项目不支持require语法问题解决 require is not defined Vite默认使用es6标准的 import 的导入方式,不支持require引入。默认有Vite自己的引入方式https://vitejs.cn/guide/assets.html 但在在日常使用Vue3+Ts+Vite构建项目中,部分比较旧的三方插件中默认使用的是require引入(w

  • checkbox勾选带动画2022-06-25 22:36:08

        <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Checkbox复选框动画效果</title> <meta name="viewport"

  • 关于本博客主题设置教程2022-06-24 22:02:58

    前言 写这篇博客的原因呢是因为不时有人问,博客主题是怎么设置成我这样的,为了方便,一劳永逸,那就写一篇教程吧!   开车啦!赶紧上车,来不及解释了~   流程 1.进入个人中心->设置 2.设置博客皮肤 【simplememory】 3.开通js权限 这个需要申请,等审核通过后再执行后面的   4.页面定制css代

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

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

ICode9版权所有