E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
DEG
canvas画布:不断旋转的心
canvas画布:不断旋转的心您的浏览器不支持canvas画布您的浏览器不支持canvas画布ctx.translate(x,y):坐标轴原点平移到指定点,所有点的坐标都发生改变;ctx.rotate(
deg
酷jjs
·
2020-08-14 23:08
前端笔记
canvas
vue做旋转360度的效果
.aa{transition:all2s;}.go{transform:rotate(-180
deg
);transition:all2s;}//class随rotate的true或者false改变我这为图方便用了项目里的图标测试
爱吃芒果de仙女
·
2020-08-14 23:36
vue
css3 以当前图片为中心点页面翻转效果
css代码如下.switching{-webkit-transform:perspective(2000px)rotateY(-90
deg
);-webkit-animation:flip.4slinear
米-老-头
·
2020-08-14 23:00
css3
JS点击顺时针旋转90°
document.getElementById('target').onclick=function(){current=(current+90)%360;this.style.transform='rotate('+current+'
deg
qq_22029905
·
2020-08-14 23:50
小工具
使用CSS绘制一个平行四边形
使用CSS绘制一个平行四边形,这里使用的主要属性是transform:skew(15
deg
),相当于对元素进行旋转,不过IE9一下是不支持的,如果需要向下兼容,建议使用四边形图片代替。
马优晨
·
2020-08-14 23:50
CSS3
CSS3实现平行四边形
center;margin-left:60px;}.box::after{content:"";background-color:rgb(22,189,189);transform:skewX(-35
deg
meichaoWen
·
2020-08-14 23:23
7.(高级)CSS形状之:平行四边形
一、平行四边形方法一:2个HTMLHTMLClickmeCSS.button{transform:skew(-45
deg
);}.buttondiv{transform:skew(45
deg
);}方法二:
majun0007
·
2020-08-14 23:51
图形解析理解 css3 之倾斜属性skew()
作用改变元素在页面中的形状2、语法属性:transform函数:1、skew(xdeg)向横向倾斜指定度数x取值为正,X轴不动,y轴逆时针倾斜一定角度x取值为负,X轴不动,y轴顺时针倾斜一定角度skew(30
deg
XUE_雪
·
2020-08-14 23:06
css
HTML/CSS实现切角矩形效果
;min-height:230px;margin:0auto40px;padding:010px80px;background:#fff;background:linear-gradient(-135
deg
楚念悠
·
2020-08-14 23:37
jQuery插件transform旋转焦点图的准备工作
JQery.transform是基于jquery库的插件】IE8以下不支持css3,首先加载jQuery的函数库,$(function(){$('#test1').transform({rotate:'60
deg
java_zhaoyanli
·
2020-08-14 23:59
myWork--
js控制一个三角图片的旋转
);functionrotate(degree){//Forwebkitbrowsers:e.g.Chrome$elie.css({WebkitTransform:'rotate('+degree+'
deg
飞向Hadoop
·
2020-08-14 23:06
jquery
CSS绘制平行四边形
方法有三:(1)、父元素transform:skewX(-45
deg
);子元素transform:skewX(45
deg
);效果图1:Document.react{margin-left:100px;width
兰亭古墨
·
2020-08-14 23:28
CSS
css3旋转(绕Y轴)
1.div(id=myDiv)旋转#myDiv:hover{cursor:pointer;-webkit-transform:rotate3d(0,1,0,360
deg
);-moz-transform:
HeartAndThink
·
2020-08-14 23:56
css3
利用js实现按钮控制图片旋转
attr("lens");lens=parseInt(lens)varn=90*lens;$("#DataList1_ctl00_Image1").css("transform","rotate("+n+"
deg
Tenderness104
·
2020-08-14 23:47
js动画旋转与缩放
animat_rotate,可以取任意名字*//*使用方式:animation:run6slinear;*/@keyframestu{from{/*动画开始角度*/transform:rotate(0
deg
xsw73692
·
2020-08-14 23:10
canvas绘制星球轨道
canvas.getContext('2d');//坐标原点移动到中间ctx.translate(canvas.width/2,canvas.height/2);vardeg=0;setInterval(function(){
deg
跟艾夏学SEO
·
2020-08-14 23:23
Canvas
CSS3 变形--旋转 rotate()
rotate()旋转:旋转rotate(-30
deg
)函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。
ClementQL
·
2020-08-14 23:14
CSS
前端
jq实现旋转图片
varcurrent=0;$(".rotate").on("click",function(){if(current==0){$(".zzc-imgimg").css("transform","rotate(90
deg
花依旧-军
·
2020-08-14 23:35
JS实现图片旋转90度
document.getElementById('rotate').onclick=function(){current=(current+90)%360;this.style.transform='rotate('+current+'
deg
Hulkzero
·
2020-08-14 23:03
JavaScript
JS图片旋转
css3+jq--小箭头旋转180度案例
html:得茶说明css(1):css3的动画帧实现旋转@keyframestea_arrow{0%{transform:rotateZ(180
deg
);}25%{transform:rotateZ(135
deg
weixin_30776273
·
2020-08-14 22:19
JS实现转动效果
方案一CSS样式@keyframesscroll{0%{transform:rotate(0
deg
);}100%{transform:rotate(360
deg
);}}.div_uploading{width
weixin_30670925
·
2020-08-14 22:18
前端,自定义印章效果
bottom;word-wrap:break-word;position:relative;}.seal-result{width:60px;height:60px;transform:rotate(30
deg
*八步赶蝉*
·
2020-08-14 22:08
使用js实现点击图片 旋转
document.getElementById('img1').onclick=function(){current=(current+90)%360;this.style.transform='rotate('+current+'
deg
凌恩泽
·
2020-08-14 22:19
js
jQuery图片旋转
0:
deg
;}varobj=$('#picBoximg');$('.rotateBtn').click(function(event){event.preventDefault();varrotateBtnId
css_styles
·
2020-08-14 22:16
代码片段
javascript
Codeforces 964D - Destruction of a Tree(思维 + DFS)
includeusingnamespacestd;constintmaxn=200005;structEdge{intto,next;}e[maxn*2];inthead[maxn],tot;intfa[maxn],
deg
Chen丶HC
·
2020-08-14 13:02
Codeforces
[LOJ6395]「THUPC2018」城市地铁规划 / City
Description定义一棵树的价值为∑f(
deg
(i))其中f为一个给定的函数构造一棵树使得价值最大。
alan_cty
·
2020-08-14 04:40
其他dp
小程序中实现图片不停旋转
简单直接上代码,实现图片360度不停旋转wxml代码和wxss如下@keyframesbox-ani{from{transform:rotate(0)}to{transform:rotate(360
deg
Capricorn怪人
·
2020-08-14 04:57
原生js写出滑动拼图小游戏
css/*html{background:#58a;background-image:linear-gradient(white1px,transparent0),linear-gradient(90
deg
多看点书
·
2020-08-14 04:13
2D旋转之移动 旋转 旋转中心点 缩放 综合写法
translateX(x)transform:translateY(y)重点:1.不会影响其他元素的位置2.可配合定位使用进行垂直水平居中3.行内标签没有效果旋转rotate语法:transform:rotate(度数
deg
procul
·
2020-08-14 03:40
笔记
线性,纹路 渐变 边框
线性,纹路渐变边框.hr{background:-webkit-repeating-linear-gradient(135
deg
,#F837370,#F8373720%,transparent0,transparent30%
weixin_45162984
·
2020-08-13 22:22
前端css
css给文字加下划线
color-stop1,color-stop2,……)简单用法:background-image:linear-gradient(red,transparent);增加角度,linear-gradient(45
deg
lceBear
·
2020-08-13 20:27
一行代码使用CSS的黑暗模式
以这个新闻应用为例现在添加魔术CSShtml[theme='dark-mode']{filter:invert(1)hue-rotate(180
deg
);}瞧!
杜尼卜
·
2020-08-13 19:47
前端
css3
css
css图片闪动效果
上面简单布置一层遮罩,利用skew进行一次移动预览代码:css3实现闪光效果.img{position:relative;}.mask{background:-webkit-linear-gradient(0
deg
白日有梦
·
2020-08-13 17:20
H_C_J
html-鼠标移动后自动旋转
transition:transform0.4sease-out;-moz-transition:-moz-transform0.4sease-out;}img:hover{transform:rotateZ(360
deg
采蘑菇的空空酱
·
2020-08-13 16:03
html5
evo使用方法及参数介绍
1、生成配置文件evo_configgenerate--pose_relationangle_
deg
--delta1--delta_unitm--verbose--plot--outrpe_config.json
heart_hang
·
2020-08-13 14:36
SLAM
VIO
coercing to Unicode错误的一个解决办法
=weather_data[time_index]['high']description=weather_data[time_index]['text'].replace('/',u'转')wind_
deg
六个九十度
·
2020-08-13 14:29
Python
[LOJ 2190] 「SHOI2014」信号增幅仪
x\)轴与椭圆长轴平行点的坐标变换用旋转公式就可以了因为是椭圆,所以所有点横坐标除以\(p\)然后最小圆覆盖代码#include#defineN50005usingnamespacestd;intn,
deg
aozhuan8489
·
2020-08-13 13:53
前端学习笔记(2)——鼠标悬浮实现指定区块旋转指定角度
刚好今天项目中有一个按钮周围有很多开口的圈,我想通过这个样式实现鼠标悬浮在链接上,实现圈的旋转#xuanzhuan:hoverimg{opacity:1;transform:rotate(-360
deg
adagio0531
·
2020-08-13 12:37
html
css
poj2404 Jogging Trails 欧拉回路、最短路、搜索
因为如果存在另外的点使得g[a][b]+g[b][c]#include#includeusingnamespacestd;#defineNN18#defineINF1000001000intn,m,g[NN][NN],
deg
asdfgh0308
·
2020-08-13 10:22
POJ
搜索
web前端之HTML中的常见特殊符号
´´©©>>µµ®®&&°&
deg
;¡¡ »»¦¦÷÷¿¿¬¬
幕僚珂
·
2020-08-11 22:16
web前端
小程序自定义下拉框
;width:10rpx;height:10rpx;border-right:2rpxsolid#999;border-bottom:2rpxsolid#999;transform:rotate(45
deg
hjy170314
·
2020-08-11 21:11
前端知识
根据GPS经纬度坐标计算两点的距离算法
googlemaps的脚本里扒了段代码,是用来计算两点间经纬度距离privateconstdoubleEARTH_RADIUS=6378.137;privatestaticdoublerad(doubled)//
deg
2rad
zhuxp1
·
2020-08-11 19:55
算法&数据结构
Others
根据经纬度计算两点之间的距离
lat1纬度1*@param$lng2经度2*@param$lat2纬度2*@returnint*/publicfunctiongetDistance($lng1,$lat1,$lng2,$lat2){//
deg
2rad
瞳話cium
·
2020-08-11 19:18
PHP
计算两地距离
functiongetDistance($lat1=29.68328,$lng1=106.60583,$lat2=38.21229,$lng2=112.18140){//将角度转为狐度$radLat1=
deg
2rad
weixin_33881753
·
2020-08-11 19:51
计算两个经纬度之间的距离,单位米
]*@param$lng2[经度2]*@returnint*/publicfunctiongetDistance($lat1,$lng1,$lat2,$lng2){//将角度转为狐度$radLat1=
deg
2rad
weixin_30840573
·
2020-08-11 18:21
已知A点经纬度坐标,方位角角度,距离,求B点经纬度
Float}弧度*/LIB.rad=function(d){returnd*Math.PI/180.0;}/***弧度换成度*@param{Float}x弧度*@return{Float}度*/LIB.
deg
捣net菜菜
·
2020-08-11 18:45
GIS
PHP根据经纬度,计算2点之间的距离的2种方法
*@param$lat2*@param$lng2*@returnint*/functiongetDistance($lat1,$lng1,$lat2,$lng2){//将角度转为狐度$radLat1=
deg
2rad
不退则进
·
2020-08-11 18:52
PHP
PHP根据经纬度计算两点距离与方圆范围方法
returnfloat距离,单位米*@authorwww.Alixixi.com*/functiongetdistance($lng1,$lat1,$lng2,$lat2){//将角度转为狐度$radLat1=
deg
2rad
nn小木屋
·
2020-08-11 18:24
PHP
根据经纬度计算距离(simple knowledge)
accordinglatitudeandlongtitudecomputedistance1、最大圆距离constdoubleearth_radius=6371;constdoublepi=3.1415926;doubledegtorad(doubledeg){return(
deg
爰采麦矣
·
2020-08-11 17:51
slam
PHP经纬度距离计算
//根据两点经纬度计算距离//纬度1、纬度2、经度1、经度2functionget_two_point_distance($lat1,$lat2,$lng1,$lng2){$radLat1=
deg
2rad
无痕之意
·
2020-08-11 17:43
PHP知识点
上一页
15
16
17
18
19
20
21
22
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他