北京pk10直播

仿照微信群頭像的自適應樣式布局

所屬分類:媒體-圖片展示

 2007  13  查看評論 (2)
分享到微信朋友圈
X
仿照微信群頭像的自適應樣式布局 ie兼容9

1.使用li:first-child:nth-last-child(n)偽類選擇器判斷當前元素兄弟節點的個數

2.參考地址

https://www.zhangxinxu.com/wordpress/2019/03/nth-last-child-css-layout/

3.參考地址

https://www.zhangxinxu.com/wordpress/2017/02/%E8%9D%89%E5%8E%9F%E5%88%99-background-border-radius/
相關插件-圖片展示

JQ插件 放大鏡 對比圖 倍數可選

放大鏡進行兩張圖片對比功能,可選放大倍數
  圖片展示
 7449  65

jQuery動態縮放焦點圖

jQuery動態縮放焦點圖
  圖片展示
 13777  94

jQuery圖片放大、縮小、旋轉

jQuery圖片旋轉插件jQuery.artZoom修改版
  圖片展示
 15886  14

CSS3三角形圖片展示

CSS3三角形圖片展示
  圖片展示
 18189  103

討論這個項目(2)回答他人問題或分享插件使用方法獎勵jQ幣

    懷念★往事 0
    2019/3/29 10:42:43
    很抱歉,沒有仔細看插件描述,才發現使用了蟬原則寫的不重復性,
    一開始還覺得這個圓角不規則,很丑的,仔細看才發現樣式是每個圓角的角度都不同。。。。。

    原本以為挺簡單的東西,還是有不少新知識的~ 回復
    懷念★往事 0
    2019/3/29 10:31:43
    主要利用CSS選擇器中的 nth-last-child() 和 比鄰選擇器;
    想法挺不錯的,以前基本沒用過 nth-last-child() 這個選擇器,學習了。。。。 回復
取消回復
  短信接口
北京pk10直播