deg

deg精品文章

• 

  CSS 3D transforms

  ...px; } @-webkit-keyframes spin { from { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); } to { -webkit-transform: rotateX(360deg) rotateY(360deg) rotateZ(360deg); } }...

  tainzhi 2019-04-23 13:42 评论0 收藏0
• 

  [学习交流]博客园 cnblog 添加github链接和自定义美化学习

  ...: rotate(0); 24 } 25 20%, 60% { 26 -webkit-transform: rotate(-25deg); 27 -moz-transform: rotate(-25deg); 28 -ms-transform: rotate(-25deg); 29 -o-transform: rotate(-25deg);...

  番茄西红柿 2019-04-23 11:57 评论0 收藏0
• 

  css画图那些事

  ... border-left: 12px solid transparent; transform: rotate(40deg); position: absolute; top: 26px; right: 115px; } .c{ display: inline-block; ...

  曹金海 2019-04-23 13:31 评论0 收藏0
• 

  【二次元的CSS】—— 用 DIV + CSS3 画Hello Kitty（详解步骤）

  ...60px; border-radius:160px; z-index:500; -moz-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); -webkit-transform:rotate(2deg); transform:rot...

  TesterHome 2019-08-02 15:54 评论0 收藏0
• 

  【二次元的CSS】—— 用 DIV + CSS3 画Hello Kitty（详解步骤）

  ...60px; border-radius:160px; z-index:500; -moz-transform:rotate(2deg); -ms-transform:rotate(2deg); -o-transform:rotate(2deg); -webkit-transform:rotate(2deg); transform:rot...

  wean 2019-08-30 13:00 评论0 收藏0
• 

  使用css3实现骰子动画

  ...49px); } .dice.dice2 { transform: rotateX(-180deg) translateZ(50px); } .dice.dice2.inner { transform: rotateX(-180deg) translateZ(49px); ...

  legendaryedu 2019-08-29 13:04 评论0 收藏0
• 

  css3D动画

  ...round: rgba(255, 255, 0, 0.3); transform: translateY(50px) rotateX(90deg); } 效果图如下： 5.一个面写好之后，将其余的面都调整好 /*后*/ .mian1{ transform: translateZ(-50px); } /*上*/ .mian2{ transform: transl...

  LittleLiByte 2019-08-30 11:10 评论0 收藏0
• 

  一共收集整理了图形20个，比较实用，同时也为了熟悉CSS的代码。整合了一下，有错误欢迎指出。

  ...形 parallelogram { width: 150px; height: 100px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); background: red; } 8.梯形 trapezoid { border-bottom: 100px soli...

  darkbaby123 2019-08-30 15:54 评论0 收藏0
• 

  css3变形动画的一些基础知识

  transform rotate(180deg)2D旋转正值代表顺时针旋转180度，负值代表逆时针旋转，用法transform:rotate(180deg); rotate3d(x,y,z,angle);3D旋转 1、x是0-1之间的数值，主要用来描述元素围绕X轴旋转的矢量值。 2、y是0-1之间的数值，主要用来描述...

  gghyoo 2019-08-29 16:39 评论0 收藏0
• 

  基于angular实现等待长操作时锁定页面

  ...置运行状态的样式 @keyframes tmsRunning{ 0%{transform:rotate(0deg);} 12%{transform:rotate(45deg);} 25%{transform:rotate(90deg);} 37%{transform:rotate(135deg);} 50%{transform:rotate(180de...

  2shou 2019-08-19 17:27 评论0 收藏0
• 

  纯CSS制作各种图形(多图预警)

  ... transparent; border-right: 9px solid red; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); } #curvedarrow:after...

  caige 2019-08-28 18:11 评论0 收藏0
• 

  简单说 用CSS做一个魔方旋转的效果

  ...观察，将整个魔方进行旋转 */ transform: rotateX(-30deg) rotateY(-80deg); } .cube div { position: absolute; width: 200px; height: 200px; ...

  sevi_stuo 2019-08-21 17:24 评论0 收藏0
• 

  简单说 用CSS做一个魔方旋转的效果

  ...观察，将整个魔方进行旋转 */ transform: rotateX(-30deg) rotateY(-80deg); } .cube div { position: absolute; width: 200px; height: 200px; ...

  livem 2019-08-01 17:55 评论0 收藏0