我有一个img,我希望能够点击并拥有我的
.image_click:active {
-webkit-transition-duration: 500ms;
-webkit-transform: scale(1.5);
}
Run Code Online (Sandbox Code Playgroud)
保持规模!我意识到css本身不能做到这一点,因为当我点击时我实现了转换,但是当我释放鼠标按钮时失去了它.Javascript是解决方案吗?是否有一个css psudoclass可以做到这一点,我不知道?
这是我想要激活的更好的例子
.image_flip {
-webkit-animation-name: box_walk;
-webkit-animation-duration: 1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}
@-webkit-keyframes box_walk { 0% {} 100% { -webkit-transform:rotateY(180deg); } }
Run Code Online (Sandbox Code Playgroud) 所以我会试着说明我最喜欢这样的样子.我的图像每次都会有所不同,我希望它们像2行被子一样显示.这是一个丑陋的例子:
aaabbbbddddddddddhhhhhhhhh
aaabbbbddddddddddhhhhhhhhh
aaabbbbeeeeeggg hhhhhhhhh
bbbbeeeeeggg hhhhhhhhh
ccccccccffffffffffggggiiiiii
ccccccccffffffffffggggkkkk
ccccccccffffffffff kkkk
Run Code Online (Sandbox Code Playgroud)
我不知道这是否有意义,或者它是否真实可行.为了以类似代码的方式进行解释,我希望div不仅向左或向右浮动,而且如果有可用空间,也要在填充旁边的图像之前向下浮动.我不能使用绝对定位,因为不同的图像将在不同的实例中使用相同的css/html/javascript.
现在我已经:header => {:html => {:template => "layouts/pdf_header.html.erb"}}把事情做好了。我可以传递一些仅在文档第一页上显示标题的内容吗?
我也可以对页脚执行此操作吗?这在这里几乎更重要,因为当每次长度和页数不同时,我真的想不出任何其他方法可以让页脚动态地粘在页面底部。
我只是尝试使用Postgrex而没有任何类型的ecto设置,所以只是文档自述文件中的示例.
这是我的模块的样子:
defmodule Receive do
def start(_type, _args) do
{:ok, pid} = Postgrex.start_link(
hostname: "localhost",
username: "john",
# password: "",
database: "property_actions",
extensions: [{Postgrex.Extensions.JSON}]
)
Postgrex.query!(
pid,
"INSERT INTO actions (search_terms) VALUES ($1)",
[
%{foo: 'bar'}
]
)
end
end
Run Code Online (Sandbox Code Playgroud)
当我运行代码时,我得到了
** (RuntimeError) type `json` can not be handled by the types module Postgrex.DefaultTypes, it must define a `:json` library in its options to support JSON types
Run Code Online (Sandbox Code Playgroud)
有什么我没有正确设置?根据我在文档中收集的内容,我甚至不需要具有该扩展行,因为默认情况下处理json.
css ×2
html ×2
javascript ×2
css3 ×1
ecto ×1
elixir ×1
html5 ×1
json ×1
postgrex ×1
webkit ×1
wicked-pdf ×1
wkhtmltopdf ×1