受到Fontawesome的启发,我正试图用bootstrap3制作旋转图标.它很容易通过CSS3过渡和转换实现.问题是图标不会围绕中心旋转.它在旋转时摆动.
代码贴在下面.有谁知道导致问题的原因?
.spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}Run Code Online (Sandbox Code Playgroud)
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/>
<h1 class="text-center">
<span class="glyphicon glyphicon-refresh spin"></span>
<span class="glyphicon …Run Code Online (Sandbox Code Playgroud)我正在角应用程序中实现一个简单的电子邮件反馈功能.邮件具有预定义的邮件主题和内容模板.角度控制器需要调出客户端电子邮件客户端(如调用"mailto:foo@bar.com")并实现预定义的主题,内容模板.任何人都知道如何实施它?
我正在设计客户端/服务器同步功能.客户端向服务器发送一堆已更改的事件.服务器将根据请求的项目状态进行创建,删除或修改.在数据库操作之后,服务器需要将摘要发送回客户端.
下面是我的服务器端代码的摘录,设计有mongoose和restify.
var EventModel = mongoose.model('Event', eventSchema);
server.post("/sync", function (req, res, next) {
var events = req.params.events;
var created = [], deleted = [], updated = [];
events.forEach(function (elem) {
if (elem.status == 0) {
// Delete
EventModel.remove({ _id: elem.uuid }, function (err, event) {
if (!err) deleted.push({uuid: elem.uuid});
});
} else if (elem.status == 1) {
// Create and update uuid
var event = new EventModel(elem);
event.save(function (err, doc) {
if (!err) {
elem.uuid = event._doc._id;
created.push(elem);
}
}); …Run Code Online (Sandbox Code Playgroud)