随笔分类 -  CSS,HTML

1 2 3 4 下一页
Web UI 界面视觉,HTML5
CSS: Button with Gradient Border
摘要：from: https://codepen.io/airen/pen/OaVopb <!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, init 阅读全文
posted @ 2024-01-07 16:18 ®Geovin Du Dream Park™ 阅读(14) 评论(0) 推荐(0)
CSS: rainbow Border with gradient and radius
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device 阅读全文
posted @ 2024-01-05 20:55 ®Geovin Du Dream Park™ 阅读(18) 评论(0) 推荐(0)
css: css-nesting
摘要：厂商前缀（vendor prefix) 如： -o-border-image。截止2016年年末，厂商前缀： -epub- 国际数字出版论坛制定的ePub格式 -moz- 基于Mozilla 的浏览器如Firefox -ms- 微软Internet Explorer -o- 基于Opera 的浏览器 阅读全文
posted @ 2023-09-13 08:56 ®Geovin Du Dream Park™ 阅读(19) 评论(0) 推荐(0)
css: A Multi-line CSS only Typewriter effect
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sca 阅读全文
posted @ 2023-09-03 14:47 ®Geovin Du Dream Park™ 阅读(32) 评论(0) 推荐(0)
css: display:none, display:block
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>css display:none, display:block</title> <script src="../jquery/3.6.0/jquery.min.js"></scri 阅读全文
posted @ 2023-07-22 16:08 ®Geovin Du Dream Park™ 阅读(16) 评论(0) 推荐(0)
css: button
摘要：.trapdoor { -webkit-transform: translateZ(0px); -webkit-font-smoothing: antialiased; position: absolute; top: 50%; left: 50%; margin-left: -100px; mar 阅读全文
posted @ 2022-12-07 17:47 ®Geovin Du Dream Park™ 阅读(44) 评论(0) 推荐(0)
css: @keyframes
摘要：https://developer.mozilla.org/zh-CN/docs/Web/CSS/@keyframes https://www.w3school.com.cn/cssref/pr_keyframes.asp <!doctype html> <html> <head> <meta ch 阅读全文
posted @ 2022-12-04 22:44 ®Geovin Du Dream Park™ 阅读(41) 评论(0) 推荐(0)
css: normalize.css
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sca 阅读全文
posted @ 2022-12-04 12:19 ®Geovin Du Dream Park™ 阅读(40) 评论(0) 推荐(0)
css: CodePen Home Minimal Responsive Thumbnail Gallery (Grid & Masonry)
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com 阅读全文
posted @ 2022-11-25 16:26 ®Geovin Du Dream Park™ 阅读(35) 评论(0) 推荐(0)
SVG Line Between Divs (multi-point)
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <title>SVG Line Between Divs (multi-point)</title> <style> html, body { margin: 0; padding: 0; } 阅读全文
posted @ 2022-11-17 22:53 ®Geovin Du Dream Park™ 阅读(34) 评论(0) 推荐(0)
html5 css timeline horizontal
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sca 阅读全文
posted @ 2022-11-15 16:46 ®Geovin Du Dream Park™ 阅读(65) 评论(0) 推荐(0)
CSS: Clip Or Crop Images In HTML5 CSS
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name= 阅读全文
posted @ 2022-11-04 00:38 ®Geovin Du Dream Park™ 阅读(31) 评论(0) 推荐(0)
CSS: Sticky notes using CSS3 and Google Fonts
摘要：<!DOCTYPE html> <html> <head> <metaCharset="utf-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-sc 阅读全文
posted @ 2022-11-03 16:27 ®Geovin Du Dream Park™ 阅读(28) 评论(0) 推荐(0)
css: bootstrap accordion
摘要：Best 60+ HTML Admin Dashboard Templates For 2022https://themefisher.com/html-admin-dashboard-templates 40 Free Bootstrap Admin Dashboard Templates For 阅读全文
posted @ 2022-06-23 14:23 ®Geovin Du Dream Park™ 阅读(28) 评论(0) 推荐(0)
css: slides container display image
摘要：<!doctype html> <!--[if lte IE 9]> <html class="ie" lang="en"> <![endif]--> <!--[if gt IE 9]><!--> <html lang="en"> <!--<![endif]--> <head> <meta char 阅读全文
posted @ 2022-06-23 10:42 ®Geovin Du Dream Park™ 阅读(34) 评论(0) 推荐(1)
javascript: iframe switchSysBar 左欄打開關閉，兼容各瀏覽器操作（edit)
摘要：<!doctype html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="vie 阅读全文
posted @ 2022-02-17 12:06 ®Geovin Du Dream Park™ 阅读(135) 评论(0) 推荐(0)
css: font-face
摘要：@font-face{ font-family:'geovindu'; src:url('file:///D|/字体/涂聚文/geovindu/fonts/geovindu770214.eot'); src:url('file:///D|/字体/涂聚文/geovindu/fonts/geovindu 阅读全文
posted @ 2021-08-18 16:02 ®Geovin Du Dream Park™ 阅读(84) 评论(0) 推荐(0)
css: Web Open Font Format
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>字体设置</title> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-s 阅读全文
posted @ 2020-11-20 14:55 ®Geovin Du Dream Park™ 阅读(96) 评论(0) 推荐(0)
css: Bootstrap 4 or 3 Multilevel Dropdown Menu
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="Keywords" content="塗聚文，捷為工作室，万年历,万年历查询,黄历,黄历查询，塗聚文，捷為工作室" /> <meta name="De 阅读全文
posted @ 2020-09-13 16:22 ®Geovin Du Dream Park™ 阅读(408) 评论(0) 推荐(0)
css: hide or dispaly div
摘要：<!DOCTYPE html> <html> <head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="renderer" content="webkit" /> <meta htt 阅读全文
posted @ 2019-10-12 17:12 ®Geovin Du Dream Park™ 阅读(247) 评论(0) 推荐(0)

1 2 3 4 下一页