小编tha*_*way的帖子

使用javascript激活css转换

我有一个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)

html javascript css webkit

3
推荐指数
1
解决办法
1万
查看次数

CSS图像被子

所以我会试着说明我最喜欢这样的样子.我的图像每次都会有所不同,我希望它们像2行被子一样显示.这是一个丑陋的例子:

aaabbbbddddddddddhhhhhhhhh
aaabbbbddddddddddhhhhhhhhh
aaabbbbeeeeeggg  hhhhhhhhh
   bbbbeeeeeggg  hhhhhhhhh
ccccccccffffffffffggggiiiiii
ccccccccffffffffffggggkkkk
ccccccccffffffffff    kkkk
Run Code Online (Sandbox Code Playgroud)

我不知道这是否有意义,或者它是否真实可行.为了以类似代码的方式进行解释,我希望div不仅向左或向右浮动,而且如果有可用空间,也要在填充旁边的图像之前向下浮动.我不能使用绝对定位,因为不同的图像将在不同的实例中使用相同的css/html/javascript.

html javascript css html5 css3

2
推荐指数
1
解决办法
704
查看次数

wicked_pdf:是否可以让页眉仅显示在第一页而页脚仅显示在最后一页?

现在我已经:header => {:html => {:template => "layouts/pdf_header.html.erb"}}把事情做好了。我可以传递一些仅在文档第一页上显示标题的内容吗?

我也可以对页脚执行此操作吗?这在这里几乎更重要,因为当每次长度和页数不同时,我真的想不出任何其他方法可以让页脚动态地粘在页面底部。

ruby-on-rails wkhtmltopdf wicked-pdf

2
推荐指数
1
解决办法
6626
查看次数

Postgrex如何定义json库

我只是尝试使用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.

json elixir ecto postgrex

0
推荐指数
1
解决办法
229
查看次数