ICode9

精准搜索请尝试: 精确搜索
  • 动画 transform_ 3D【慢慢学习中】2022-06-21 19:04:44

    为实现: 滚动的正方形,和 散播着圆环的圆       例子来自:https://www.smashingmagazine.com/2016/07/front-end-challenge-accepted-css-3d-cube/   二 网上搜的一篇文章 首先我看的这篇文章:【拿着一个模型试着,我明白他一开始侧面的写法,但未和他一样的实现效果,看后面的数学计

  • css简易收缩展开动画2022-06-21 15:31:51

    .fade-in-top { // 收缩 overflow: hidden; transition: max-height 0.5s ease-out; -webkit-transform: max-height 0.5s ease-out; max-height: 0; } .slide-out-top { // 展开 max-height: 3000px; // 尽可能大 不过满足最大高度即可 transition: max-height

  • css绘制梯形2022-06-19 10:02:06

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

  • Gizmos-绘制坐标轴方向的辅助线2022-06-17 23:32:41

    # #if UNITY_EDITOR using UnityEditor; using UnityEngine; public class GizmosDrawAxis : MonoBehaviour { public Color color = Color.yellow; public bool isSelectedDraw = false; [Range(1, 20)] public float length = 5; public bool upLin

  • jquery 自定义select2022-06-17 01:03:28

    <div class="select"> <div class="select-input">2222</div> <ul class="select-options"> <li class="select-option" data-value="111">111</li> <li class=&quo

  • Vue $nextTick && 过度与动画2022-06-16 10:32:16

    1 # $nextTick 2 # 1.语法: this.$nextTick(回调函数); 3 # 2.作用:在下一次DOM更新结束后执行其指定的回调。 4 # 3.什么时候用:当改变数据后,要基于更新后的新DOM进行某些操作是,要在nextTick所指定的回调函数中执行。 5 # 6 # Vue 封装的过度与动画 7 #

  • 用【Unity】中的【3D Object】画【数学函数】图形 —— 正弦函数... { }2022-06-13 00:36:09

    效果 场景搭建 创建一个空物体,并将其命名为 “GameManager”,并【Reset】它 创建一个 “Sphere”,并将其【Scale】设置为(0.1,0.1,0.1) 创建一个 “Cube”,并将其【Scale】设置为(0.1,0.1,0.1) 创建一个 “Material”,并将其命名为 “line”,设置其颜色为黑色,并把它拖

  • rotatin-nav-animation2022-06-13 00:34:23

    1.可以用 <i> 标签把 Font Awesome 图标放在任意位置。 <button id="close"> <i class="fas fa-times"></i> </button> <button id="'open"> <i class="fas fa-bars"></i> </but

  • HTML+CSS画一个小黄人2022-06-11 16:00:21

    <!-- run --> <style type="text/css"> /**************小黄人的身体***************/ body{ margin: 0; padding: 0 } .wrapper{ width: 300px; margin: 100px auto } .litteH{ position: relative; } .bodyH{ position:

  • pure CSS 轮播图 All In One2022-06-10 00:33:59

    pure CSS 轮播图 All In One :root { --s: 6; --h: 36; --speed: .8s; } .g-container { width: 300px; margin: auto; height: calc(var(--h) * 1px); line-height: calc(var(--h) * 1px); font-size: 20px; background: #673ab7; color: #fff; overflo

  • hive sql2022-06-09 12:05:16

    How to transform data into a map using group by in Hive SQL? 用途: https://stackoverflow.com/questions/63708713/how-to-transform-data-into-a-map-using-group-by-in-hive-sql

  • 短视频商城系统,首屏加载loading动画界面和路由跳转动画2022-06-07 14:31:52

    短视频商城系统,首屏加载loading动画界面和路由跳转动画 1、首屏加载等待界面 (1)在public的index.html里面的id为app的div标签里面添加   <body>    <noscript>      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScri

  • 我不太懂的STL(学到老活到老)2022-06-07 11:33:05

    STL 的一些用法 在工程实践中,总是能看到新的未曾了解过的STL函数或用法。每次都得重新查阅,比较麻烦。将一些不懂的内容记录下来,以备时时翻阅 std::transform 参考链接:https://blog.csdn.net/fengbingchun/article/details/63252470 transform() 可以将函数应用到制定的范围内,并将

  • 【CSS】使用CSS实现正方体并旋转2022-06-06 16:32:34

    <!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

  • 显性的过渡持续时间2022-06-05 21:32:22

    2.2.0 新增 在很多情况下,Vue 可以自动得出过渡效果的完成时机。默认情况下,Vue 会等待其在过渡效果的根元素的第一个 transitionend 或 animationend 事件。然而也可以不这样设定——比如,我们可以拥有一个精心编排的一系列过渡效果,其中一些嵌套的内部元素相比于过渡效果的根元素有

  • transform: scale() 实现鼠标悬浮在元素之上出现和消失2022-06-02 21:02:44

    前言 transform属性允许你旋转,缩放,倾斜或平移给定元素。其中scale(x, y)就是实现元素缩放的属性值。 scale(x, y)的 x 乘以原本元素的 x;y 乘以原本的元素 y,就可以实现元素的缩放。 由远到近的缩放效果 从一个点,甚至是无,慢慢地缩放到一个完整,可以看清的一个过程,我叫作由远到近的缩

  • CSS3中有哪些新特性2022-05-31 14:31:37

    新增选择器 属性选择器 结构伪类选择器 伪元素选择器 2D转换:transform 位移:transform:translate(100px,100px) 缩放:transform:scale(1,1) 旋转:transform:rotate(45deg) 3D转换:transform 位移:transform:translate(100px,100px,100px) 旋转:transform:rotate(0,0,1,45deg) 3D呈现:transform-style flat:子元

  • CSS动画特效三剑客之 transform(转换/变形)2022-05-30 19:01:00

    transform可以实现元素的位移、旋转、变形、缩放。 缩放:scale 移动:translate 旋转:rotate 倾斜:skew 2D 转换之移动 translate transform: translate(x,y); 定义 2D 转换,沿着 X 和 Y 轴移动元素 translate中的百分比单位是相对于自身元素的 translate:(50%,50%); translate类似定

  • css扩展知识12022-05-28 14:31:45

    1.清除浮动的方法 新建一个样式选择器CSS命名为“.clear”,并且对应选择器样式为“clear:both”,然后我们在父级“”结束前加此div引入“class=“clear””样式。这样即可清除浮动。 对父级CSS选择器加overflow:hidden样式,可以清除父级内使用float产生浮动。优点是可以很少CSS代码即

  • CSS频繁绘图中transform导致的内存占用问题2022-05-23 22:34:50

    摘要 解决频繁使用CSS中transform转换图像绘制pie chart时导致内存占用持续增加的解决方案。 正文 场景,我需要使用https://codepen.io/ejsado/pen/yLNMPG 这个饼图样式每隔1ms绘制预测结果,使用过程中浏览器内存占用暴涨,研究发现,这个饼图组件使用"transform" : "rotate("+sizeRotat

  • Pytorch(3)-Torchvision的使用2022-05-22 21:00:30

    import torchvision# 通过ToTensor()将数据集转为tensor数据类型,并通过compose连接from torch.utils.tensorboard import SummaryWriterdataset_transform = torchvision.transforms.Compose([ torchvision.transforms.ToTensor()])# 加载数据集,其中CIFAR10是pytorch提供的一种

  • .babelrc配置例子2022-05-22 09:02:14

    {  "presets":[    ["es2015",{"modlues":false}],    "react",   ],  "plugins": [    "transform-object-rest-spread",    "syntax-dynamic-import",    ["import", { "libraryName

  • GoLang 解决中文乱码2022-05-22 01:32:52

    首先需要下载 go get golang.org/x/text/encoding/simplifiedchinese go get golang.org/x/text/transform   package main import ( "bytes" "golang.org/x/text/encoding/simplifiedchinese" "golang.org/x/text/transform" &quo

  • css3 自动变大变小缩放按钮2022-05-21 14:33:44

          样式1: <style> #Jsubmit.btn_gdj_design { -webkit-animation: free_download1 3s linear alternate infinite; animation: free_download1 3s linear alternate infinite; } .btn-submit

  • 大海波浪动画2022-05-21 12:36:34

    <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <title>Document</title>   

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

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

ICode9版权所有