旋转牧马.html+自定义鼠标样式

自定义鼠标样式图片格式为 .cur 代码如下：

在这里插入代码片
```<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title><style>body {background: url(img/BG01.jpg) no-repeat center center;cursor: url('img/angle64.cur'), default;}* {margin: 0;padding: 0;}#main img {width: 300px;height: 400px;position: absolute;border: 5px green double;}#main img:nth-child(1) {transform: translateZ(500px);}#main img:nth-child(2) {transform: rotateY(40deg) translateZ(500px);}#main img:nth-child(3) {transform: rotateY(80deg) translatez(500px);}#main img:nth-child(4) {transform: rotateY(120deg) translatez(500px);}#main img:nth-child(5) {transform: rotateY(160deg) translatez(500px);}#main img:nth-child(6) {transform: rotateY(200deg) translatez(500px);}#main img:nth-child(7) {transform: rotateY(240deg) translatez(500px);}#main img:nth-child(8) {transform: rotateY(280deg) translatez(500px);}#main img:nth-child(9) {transform: rotateY(320deg) translatez(500px);}/*# id选择器   id不能重复命名*/#main {margin: 200px auto; width: 300px;height: 400px;/*3D盒子*/transform-style: preserve-3d;transform: rotateX(-10deg);animation-name: animate;animation-duration: 10s; /*动画执行次数*/animation-iteration-count: infinite; /*动画持续时间：无限 */animation-timing-function: linear;position: relative;}/*动画*/@keyframes animate {0% {transform: rotateX(-10deg) rotateY(0deg);}100% {transform: rotateX(-10deg) rotateY(360deg);}}</style></head><body><div id="main"><img src="img/D01.jpg" /><img src="img/D02.jpg" /><img src="img/D03.jpg" /><img src="img/D04.jpg" /><img src="img/D05.jpg" /><img src="img/D06.jpg" /><img src="img/D07.jpg" /><img src="img/D08.jpg" /><img src="img/D02.jpg" /></div></body>
</html>

旋转牧马.html+自定义鼠标样式相关推荐

[转]C# winForm 自定义鼠标样式的两种方法
本文转自:http://www.cnblogs.com/hzbzxm/archive/2008/09/15/1291104.html 以前试过在WinForm中自定义鼠标样式,结果显示出来的鼠标变成单 ...
Arcgis for javascript不同的状态下自定义鼠标样式
俗话说:爱美之心,人皆有之.是的,没错,即使我只是一个做地图的,我也希望自己的地图看起来好看一点.在本文,给大家讲讲在Arcgis for javascript下如何自定义鼠标样式. 首先,说几个状态 ...
[C#]自定义鼠标样式
工作中经常需要自定义鼠标样式来更丰富更形象地交互操作,系统自带的样式单一,难免会有些审美疲劳.取而代之,用一些比较形象的图标来定义鼠标样式,用户体验上就更加形象了. 自定义鼠标样式 /// <s ...
HTML CSS 兼容所有浏览器的自定义鼠标样式
2019独角兽企业重金招聘Python工程师标准>>> 自定义鼠标样式,格式: css:{cursor:url('绝对路径的图片(格式:cur,ico)'),-moz-zoom-ou ...
博客园自定义鼠标样式
博客园自定义鼠标样式: 上传背景图片到服务器(在博客设置-> 文件中上传,上传前将图片后缀改为.ico) 添加代码到相应的位置设置鼠标样式博客设置-> 设置中页面定制 CSS 代码: ...
UE4 自定义鼠标样式
主要内容: 在项目制作中我们往往不会使用默认的鼠标样式,这时就需要自定义鼠标样式,具体实现步骤就是创建一个带有图片的UI蓝图然后在项目设置里的UserInterface里进行设置. 实现步骤: 1.新 ...
css实现自定义鼠标样式
1.实现效果 2.实现原理 cursor属性: cursor 属性规定要显示的光标的类型(形状). 该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状. 可能的值: 使用url,可自定义鼠标图 ...
CSS自定义鼠标样式
效果图原理 cursor属性: cursor 属性规定要显示的光标的类型(形状). 该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状. 使用url,可自定义鼠标图标. cursor: ur ...
CSS自定义鼠标样式。JS获取鼠标坐标，实现提示气泡框跟随鼠标移动
cursor: url(//img.58cdn.com.cn/resource/xxzl/captcha/pencil.png), default; /*获取鼠标位置,让提示气泡框跟随 ...

旋转牧马.html+自定义鼠标样式

旋转牧马.html+自定义鼠标样式相关推荐

最新文章

热门文章