css3實現鋸齒邊框（用於優惠券或郵票等）

阿新 • • 發佈：2019-02-07

<div class="sawtooth-bor"> <div class="pt10 bor_r_dashed clearfix pr10 pb8 flex-item pl10 bg-cffb937"> <h3 class="fs36">¥50</h3> <div class="fs12 lh18">滿498使用</div> <div class="fs12 lh18">有效期2018.03.16-2018.05.31</div> </div> <div

class="textc flex-align-self w102 bg-cffb937 lhh90 mr5">立即領取</div></div>

css

.sawtooth-bor{ display: flex;
padding-left: 5px; color: #fff; box-sizing: border-box; background: radial-gradient(transparent 0, transparent 4px, #ffb937 4px); background-size: 15px 14px; background-position

: 8px 0px; background-color: #fff;}.discount{ border-right: 1px dashed #f5f5f5;padding: 10px; flex: 1; box-sizing: border-box; background-color: #ffb937;}.receive{ text-align: center; width: 102px; line-height: 90px; height: 90px; box-sizing: border-box; margin-right: 5px; background-color: #ffb937

;}

效果：

css3實現鋸齒邊框（用於優惠券或郵票等）

<div class="sawtooth-bor"> <div class="pt10 bor_r_dashed clearfix pr10 pb8 flex-item pl10

CSS3 實現元素翻轉（不是旋轉）

有時候我們要實現元素的垂直或者水平翻轉，尤其是圖片的翻轉，兩張對稱的圖片，可以用兩張圖片來解決這個問題，那麼其他的元素呢？而且存兩張圖片並不是上上策，如何用程式碼實現呢？ CSS3提供了transform屬性，實現方法如下：水平翻轉： transform: scale(-1

css3實現hover顏色，背景色，寬度等平滑變動（transition）

CSS 3 中提供了一種屬性，Transition（變換），這種屬效能夠實現在元素的某些屬性的數值發生改變時產生過渡的效果。比如長度增加，能產生類似拉長的動畫效果；顏色改變時，也可以利用Transition產生一種顏色漸變的效果。瀏覽器支援情況 CSS Transition受到瀏覽器的廣泛支援。CSS3

Unity_ini配置檔案應用（用於讀取或寫入程式設定）

public static class IniSetting { private static string mINIFileName = Application.dataPath + "/../config.ini"; public enum Sectio

duilib 實現 XML重用（item完全重合的CList）

顯示界面 call 處理 vertica create ges ica 控件最近做一個項目，界面庫用的是duilib。軟件首頁的左側是一個機型列表，右側是機型信息及其他信息，點擊左側的機型，右邊跟著變為對應的信息。由於右側信息比較復雜，還有進度條什麽的，所以如果右

【linux】tar.gz（bz或bz2等）結尾的源代碼包

wrap shel ade 過程 sta read inux 目錄壓縮這種軟件包裏面都是源程序，沒有編譯過，需要編譯後才能安裝 1、打開一個SHELL，即終端 2、用CD 命令進入源代碼壓縮包所在的目錄 3、根據壓縮包類型解壓縮文件(*代表壓縮包名稱) tar -

Nginx+tomcat實現反向代理（內附源碼包）

穩定工作原理 -c 架構 sysconf 資源 selinux 變量配置文件需求描述通常情況下，一個Tomcat站點由於可能出現單點故障及無法應付過多客戶復雜多樣的請求等問題，不能單獨應用於生產環境下，所以我們需要一套更可靠的解決方案來完善Web站點架構。Nginx

JavaScript 中的常用12種循環遍歷（數組或對象）的方法

back nts 這樣的 index 數字 for 慢慢 nta pre 1、for 循環 let arr = [1,2,3]; for (let i=0; i<arr.length; i++){ console.log(i,arr[i]) }

08有關類設計和實現的問題（類的結構關系）

怎麽包含 let 層次維護大量 raw int() 模式一. 類內部的設計和實現 ? 給類定義合理的接口，對於創建高質量程序起到了關鍵作用。然而，類內部的設計和實現也同樣重要。這裏主要論述關於包含、繼承、成員函數和數據成員、類之間的耦合性、構造函數、值對象與引用對象

vs+msys2+yasm 編譯libx264+ffmpeg詳細解釋（32位或64位）

下載msys2 下載yasm 安裝libx264 gcc 編譯libx264 (.a .dll) msvc編譯libx264（.lib .dll）

(排序演算法)linux c語言實現快速排序（氣泡排序的改進版）

快速排序演算法是對氣泡排序演算法的一種改進，氣泡排序是對單個元素的升降，快速排序是對所有元素的升降，不過這個升降是取了某一個標準的前提下，在本文程式碼中，就以a[i]，其實就是以最左邊的元素為參考，比較交換之後，將這個參考元素放到分界的地方，即i的位置。程式碼如下，裡面有比較詳細的

C語言實現householder變換（數值計算方法課程設計）

博主系某985資訊與計算科學大三，剛除錯成功，分享給正在學習數值計算的夥伴們，有問題還請大家批評指正。 #include <stdio.h> #include <stdlib.h> #include <math.h> #define N 100 s

Linux中USB無線網絡卡實現AP模式（hostapd交叉編譯環境下）

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

jquery實現同時展示多個tab標籤+左右箭頭實現來回滾動（美化版增加刪除按鈕）

閒聊前段時間小穎分享了：jquery實現同時展示多個tab標籤+左右箭頭實現來回滾動文章，引入專案後，我們的組長說樣子太醜了，小穎覺得還好啊，要不大家評評理，看下醜不醜？無圖無真相，來上圖：

1416: Find the Lost Sock（用異或才AC）

1416: Find the Lost Sock Time Limit: 2 Sec Memory Limit: 128 MB [Submit][Status][Web Board] Description Alice bought a lot of pairs of socks y

C/C++實現HTTPS通訊（抓取百度頁面）

#include <WINSOCK2.H> #include <openssl/ssl.h> #include <openssl/err.h> #include <iostream> #include <sstream> #prag

HDU 1438 鑰匙計數之一（狀態壓縮或遞推）

HDU 1438 鑰匙計數之一 Problem Description 一把鎖匙有N個槽，槽深為1，2，3，4。每鎖匙至少有3個不同的深度且至少有1對相連的槽其深度之差為3。求這樣的鎖匙的總數。 Input 本題無輸入 Output 對N&g

javaweb專案：使用者(登入和登出)實現 SSM框架（mybatis-generator自動生成程式碼）

SSM框架的搭建環境(Spring,SpringMVC,Mybatis) 使用工具：maven、idea、tomcat用的是8、jdk版本1.8 一、整個專案的結構：使用者模組流程 pom.xml -> web.xml -> db->model

獲取經緯度之間兩點間真實距離（適用於GoogleMap,BaiduMap,Amap等）

如何獲取經緯度之間兩點間真實距離（適用於GoogleMap,BaiduMap,Amap等）目標：使用百度定位sdk開發實時移動距離計算功能，根據經緯度的定位，計算行駛公里數並實時重新整理介面顯示。大家都知道定位有三種方式：GPS

ApolloStudio高手之路（8）：用Python呼叫.Net（C#、VB.Net等）開發的動態連結庫（DLL庫檔案）實現相互協作

ApolloStudio是基於.Net與Python雙架構下的實現，這樣的架構體系使得其具有傳統定製軟體無法比擬的超強拓展性，在本文中我們將介紹這兩者是如何在ApolloStudio平臺上實現優勢互補的。由於在ApolloStudio中使用的更易學習的Python作為主導指令碼語言，這裡我們將介