网站导航

网站导航

zblog模板 工具 工具

标签列表

文章归档

阴影

  • CSS 选择器参考手册

    CSS 选择器参考手册

    CSS3 选择器 <script> $(document).ready(function(){ $("botton").click(function(){ //jQuery 元素选择器 $(this).hide(); $("p").hide(); $("#test").hide();...

    CSS学习 5年前 2746 1
  • jQuery修改class属性和CSS样式

    jQuery修改class属性和CSS样式

    class属性修改　　类属性即class属性,规定类名.　　用类选择器规定样式的时候,需要为元素指定类名,即class属性的值.　　注意每个HTML元素只有一个class属性.但是class属性的值可以是多个名称,即可能包含一个词的列表,中间用空格分隔.　　具体使用方法见:http://www.w3school.com.cn/css/css_selector_class.asp 　　用jQuery进行类名修改既可以用attr(...

    CSS学习 4年前 2212 0 addClassremoveClasstoggleClasshasClass
  • zblogPHP模板制作技巧总结

    zblogPHP模板制作技巧总结

    判断：常用if判断 （CMS首页判断、侧栏判断）指定分类设置特殊模板样式，分类编辑选择为某些分类指定分类模板，后台版方法字段：主题调用指定字段文章（多选字段）方法 调用某篇文章：指定文章标题、内容、摘要、图片...调取某个页面的标题、内容等zblogPHP 调用全部页面（调取所有页面） 调用多篇文章：主题连续调用多篇文章，输入ID方法调取置顶文章到首页，限制（指定）N条数 调用某个（单个）分类：调用(指定)...

    zblog模板学习 4年前 3534 3
  • 经典CSS聚合

    经典CSS聚合

    CSS3 线性渐变（linear-gradient）transition过渡效果（变形、变色、旋转、停顿时间）鼠标移上去，图片会自动原地放大CSS写法三角形对话框（带边框）- :before + :after + border从table转而使用div+cssdisplay: table-cell 无法使用 margin/ padding 的解法纯CSS写三角形，自适应不同宽度水平翻转、垂直翻转 触发变色/随机颜色：手机浏览器...

    CSS学习 4年前 1858 0
  • css常用效果总结

    css常用效果总结

    css有不少常用的效果，你在平时浏览网站的时候可能会看到，但是真的要自己写的时候，有时候会突然忘记，今天稍微对那些常见的效果做一下小结。1、每逢大的灾难的时候，很多网站变成了灰色，如何让网站快速变灰？css代码是很简单的，用的是css的filter功能。代码如下：html {    filter: grayscale(100%);//IE浏览器   -webkit...

    CSS学习 4年前 1927 0
  • CSS3 text-shadow 属性

    CSS3 text-shadow 属性

     基础的文本阴影效果： text-shadow:2px 2px 2px #fff X轴，Y轴，模糊程度(不可是负值)，阴影颜色 效果一： text-shadow: 0 0 20px red; 效果二： text-shadow: 0 0 5px #fff, 0 0...

    CSS学习 4年前 1248 0 text-shadow阴影
  • 案例：单边阴影CSS写法

    案例：单边阴影CSS写法

    相关：《边框四边阴影CSS（box-shadow属性）内侧阴影、外侧阴影、阴影颜色CSS大全》、之前的一篇文章主要介绍了周边阴影，而没有对阴影特别解释，特别是box-shadow各种值的意思！E {box-shadow:inset x-offset y-offset blur-radius spread-radius color}对象选择器 {text-shadow:...

    CSS学习 4年前 1791 0 阴影
  • 边框四边阴影CSS（box-shadow属性）内侧阴影、外侧阴影、阴影颜色CSS大全

    边框四边阴影CSS（box-shadow属性）内侧阴影、外侧阴影、阴影颜色CSS大全

    1、先来一个最简单最常用的box-shadow属性阴影案例：边框阴影，四边都是阴影，目前扁平化网站中唯一常用的一种效果，特别是鼠标触发后边框带阴影更是常用。上图的代码和CSS如下：<!doctype html>     <html>     <head>     &l...

    CSS学习 5年前 6112 0 阴影
1