原创 css3動畫屬性系列之transform細講scale縮放
下面我們從3個方面開始介紹： 1、scale(x,y) 對元素進行縮放 X表示水平方向縮放的倍數 | Y表示垂直方向的縮放倍數Y是一個可選參數，沒有設置的話，則表示X，Y兩個方向的縮放倍數是一樣的。並以X爲準。 Css代碼
2020-07-04 09:57:40
原创 jq手機倒計時驗證
直接上代碼 <div class="container"> <div class="demo"> <div style="height: 60px;" id="phone
2020-07-04 09:57:40
原创 css動畫旋轉代碼
有很多朋友都說字體 圖片以及一些簡單動畫 要做旋轉效果 都說要用js或者jq 才能去做這個特效。。今天我們用css 就直接做旋轉特效。話不多說 直接上代碼 css樣式 div{ width:120px;
2020-07-04 09:57:40
原创 阻止文章被別人複製黏貼
直接在body 里加上這一段代碼<body οnmοusemοve=/HideMenu()/ οncοntextmenu="return false" οndragstart="return false" onselectstart ="
2020-07-04 09:57:40
原创 點擊背景字體顯示漂浮效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title
2020-02-23 16:52:16
1
原创 WEB消息推送框架
web-msg-sender是一款web長連接推送框架，採用PHPSocket.IO開發，基於WebSocket長連接通訊，如果瀏覽器不支持WebSocket則自動轉用comet推送。通過後臺推送消息，消息可以即時推送到客戶端，非輪詢，實
2020-02-23 16:52:16
原创 當下最流行的10大H5前端框架
作爲一名做爲在前端死纏爛打6年並且懶到不行的攻城士，這幾年我還是閱過很多同門從知名到很知名的各種前端框架，本來想拿15-20個框架來分享一下，但在跟幾個前輩討教寫文章的技巧時果斷被無情的打擊了，所以這裏我還是低調的只拿出10個框架來個大鍋
2020-02-23 16:52:16
原创 圖片不變形
我們在做列表頁的時候，圖片都是固定的大小，比如是一個100px*100px的正方形圖片，但是很有可能拿到的圖片並不是正方形的，這個非正方形圖片放到正方形的img標籤裏，就會變形如果使用object-fit：cover 可以裁剪超出比例的
2020-02-23 16:52:16
原创 css字體發光技術
通常情況下，我們使用text-shadow就足以實現文字發光，如圖如圖，如果文字比較大並且陰影範圍也很大的話，陰影部分的顏色就會被拉得很淡。而往往我們不需要這種不夠鮮豔的顏色，還要發光半徑非常大，這又如何實現呢？下面看看我是怎樣實現的，先
2020-02-23 16:52:16
原创 CSS設置多餘的文本顯示省略號
在web開發過程中，常常會遇到要讓佈局中的某些文本根據寬度來顯示，如果超過最大寬度仍然顯示不完的，就顯示爲省略號的情況，添加下面的CSS樣式表就能實現這種效果，但是這種效果只適用於單行顯示的文本。首先給用於放文本的標籤元素設置一個寬度值，
2020-02-23 16:52:16
原创 實現多維數組轉化爲一維數組
<?php /** * ======================================= * Power: 實現多維數組轉化爲一維數組 * ====================================
2020-02-23 16:52:16
原创 H5背景音樂
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <style type="text/css" medi
2018-10-20 03:57:05
原创 調照片的顏色 模糊效果 亮度效果等等
下面就是各種對照片的效果。可以單個調試 也可以像我一樣做出魔鬼般的藝術照。。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8">
2018-09-30 03:39:57
4
原创 鼠標觸碰div 字體向上移動
第一種是用 css 寫的.links-cont { border: 1px solid #dcbe6e; height: 210px; width: 1100px; padding: 30px 30px; o
2018-09-03 18:41:18