我正在尝试制作一个非常基本的 3D 正方形。
div {
width: 300px;
height: 300px;
background: #333;
transform: rotateX(50deg);
-webkit-transform: rotateX(50deg);
-moz-transform: rotateX(50deg);
-ms-transform: rotateX(50deg);
Perspective: 300px;
-webkit-Perspective: 300px;
-moz-Perspective: 300px;
-ms-Perspective: 300px;
}
Run Code Online (Sandbox Code Playgroud)
在 chrome 上测试,RotateX 工作(因为盒子高度缩小)但没有透视。透视属性不起作用。我不明白,我做错了什么?
var imgs = {
a: function(){
//...
},
b: function(){
//...
},
c: function(){
//...
}
};
var preloadImgs = function(){
imgs.a();
imgs.b();
imgs.c();
};
preloadImgs();
Run Code Online (Sandbox Code Playgroud)
有没有一种方法可以自动化 preloadImgs ,以便它一次加载 imgs 中的所有方法,而不必我键入每个方法?
I\xe2\x80\x99m 使用 Node js,我可以创建/更新联系人\xe2\x80\x99s 电子邮件、姓名或电话号码。但自定义字段我从未更新过。Here\xe2\x80\x99是我到目前为止得到的。
\n\n var data = JSON.stringify({\n "contact": {\n "email": "t@brady.com",\n "firstName": "Tom",\n "lastName": "Brady",\n "phone": "111122233",\n "myCustomField": "myValue"\n }\n });\n\n var options = {\n hostname: hostname,\n path: \'/api/3/contact/sync\',\n method: \'POST\',\n headers: {\n \'Api-Token\': apiToken,\n \'Content-Type\': \'application/x-www-form-urlencoded\',\n \'Content-Length\': data.length\n }\n }\n\n var req = this.https.request(options, function(res){\n });\n req.on(\'error\', function(err){\n console.log(\'error: \' + err.message);\n });\n req.write(data);\n req.end();\nRun Code Online (Sandbox Code Playgroud)\n\n因此,这将更新联系人的内置字段(电子邮件、姓名、电话),但不会更新 myCustomField。知道为什么吗?怎么解决呢?我真的很感激任何帮助。
\n\nPS myCustomField 存在于 Active Campaign 中。该联系人没有任何价值。
\n我想要一个简单的径向渐变,带有来自下方的较暗的线性色调......
div {
width: 1000px;
height: 500px;
background: radial-gradient(yellow, orange), linear-gradient(180deg, red, rgba(0,0,0,0));
}
Run Code Online (Sandbox Code Playgroud)
但只显示径向渐变,而不显示第二个。我究竟做错了什么?
所以这就是我得到的。
<div class="box"></div>
Run Code Online (Sandbox Code Playgroud)
.box {
position: absolute;
left: 0;
top: 0;
width: 100px;
height: 100px;
background: yellow;
}
Run Code Online (Sandbox Code Playgroud)
$(document).bind('mousemove', function(e){
$('.box').css({
top: e.pageY
left: e.pageX,
});
});
Run Code Online (Sandbox Code Playgroud)
有用。该框跟随光标。问题是它跟随光标的边缘。即,光标位于框的左上角。我希望它保持盒子的中心,或者不是边缘的另一个点。任何想法如何做到这一点?
对不起,如果这是愚蠢的。我对 HTML/CSS 已经足够好了,但只是从 javascript 和 jQuery 开始。
我希望背景在高度和宽度上都是100%.但我不希望它被拉伸/扭曲,我想这里的解决方案是保持纵横比,同时裁剪额外的空间以保持100%的价值..有没有办法在HTML/CSS中做到这一点?