小编Tym*_*mek的帖子

在斜线上对齐文本

将文本在斜线上对齐是否可行？它的对齐应遵循倾斜的倾斜图像以及IE9 +所需的支持？

文字与倾斜的形状左对齐

我的示例代码:

img {
  display: block;
  float: left;
  transform: rotate(-5deg);
  margin: 0 15px;
}

Run Code Online (Sandbox Code Playgroud)

<div>
  <img src="http://placehold.it/150x250&text=img" alt="image" />
  <p>Lorem ipsum dolor sit amet. Vestibulum commodo volutpat a, convallis ac, laoreet enim. Phasellus fermentum in, dolor. Pellentesque facilisis. Nulla imperdiet sit amet magna. Vestibulum dapibus, mauris nec malesuada fames ac turpis velit, rhoncus eu,luctus et interdum adipiscing wisi. Aliquam erat ac ipsum. Integer aliquam purus. Quisque lorem tortor fringilla sed, vestibulum id, eleifend justo vel …

Run Code Online (Sandbox Code Playgroud)

css css3 css-shapes

Tym*_*mek

2016 05-10

17
推荐指数

3
解决办法

5908
查看次数

为什么我的转换:chromeY在Chrome中闪烁？

我有一个简单的多列布局; 我想举一个元素上:hover使用translateY.

它会导致闪烁(在Chrome 57上测试).我该如何解决？

"use strict";

$(function () {
  var $target = $('.wall');

  function getImageUrl(id) {
    var width = 500;
    var height = 250 + Math.floor(Math.random() * 150);
    return "https://unsplash.it/" + width + "/" + height + "?image=" + id;
  }

  function addElement(element) {
    var $template = $target.find('.template').clone().appendTo($target).removeClass("template");

    $template.find("a").attr("href", element.post_url);

    $template.find("img").attr("src", getImageUrl(element.id));

    $template.find("figcaption").text(element.author);

    $template.removeClass("hide");
  }

  $.getJSON("https://unsplash.it/list", function (data) {
    var images = 12;
    var elements = [];

    function getRandomImage() {
      var id = Math.floor(Math.random() * data.length); …

Run Code Online (Sandbox Code Playgroud)

javascript css transform css3 css-multicolumn-layout

Tym*_*mek

2017 08-25

6
推荐指数

1
解决办法

1071
查看次数