6、3D转换 属性: perspective : 设置假定人眼到投影平面的距离 只影响3D元素,不影响2D元素 设置位置:加在父元素上,设置好后,其子元素就可以完成3D的转换。 1、3d位移 改变元素在z轴上的位置 属性:transform: 函数:translateZ(z); translate3d(x,y,z); 2、3d旋转 属性:transform 函数: rotateX(deg); ro
转载 9月前
47阅读
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
转载 2021-08-11 23:43:00
513阅读
2评论
# 使用CSS实现iOS编辑抖动动画 实现iOS编辑抖动动画的过程可以分为几个简单的步骤。下面将详细介绍每一步,并为每一步提供相应的代码。 ## 整体流程 | 步骤 | 描述 | |--------------|-------------------------------------| | 1. 创建HTML结构
原创 2024-10-15 03:49:37
479阅读
&#160;&#160;&#160;&#160; 前一阵在园子里看到一篇文章《使用css3仿造window7的开始菜单》,文中仅使用CSS3 实现了Windows 7 开始菜单的动态效果,很久以来一直被WPF/Silverlight 山上的风景所吸引,未成想其他的山也同样引人入胜。于是心血来潮也尝试着做了一Windows 7 桌面效果,先来看几张截图吧。 桌面程序鼠标Hover 效果:
原创 2010-06-17 09:27:00
843阅读
在android中,可以使用toast搞出一信息提示的效果,在CSS 3中,其实也可以模仿
转载 2022-12-02 10:36:10
82阅读
原创 2020-12-10 19:41:51
250阅读
文章目录​​1.导航栏​​​​图像位置定位​​​​index-nav.html​​​​css-nav.css​​​​2.列表装饰元素​​​​top-list.html​​​​top-list.css​​​​css 更新位置​​​​实现效果​​对导航栏、列表进行细节优化1.导航栏初稿我们的样式中,导航栏的显示效果并不完美,logo 位置正常,但是显然后侧的文字效果并未实现精准定位,首先给出实现后的样
原创 2022-04-13 10:27:02
174阅读
前端入门实战练习之腾讯云页面实现样例图实现后的样子如图所示,ps:量的
原创 2022-04-13 10:27:16
162阅读
今天研究了一下firefox社区的一提示框,模仿写了一   源代码下载代码如下:无标题文档h
原创 2022-06-30 16:05:31
32阅读
        不仅是CSS方面学习到很多技法,而且由于自己也懂一些SEO,对网易的一些CSS+SEO优化方法,也收获颇多!(本人也是平面设计师,很喜欢网易这类简约型的网页)        好了,在此之前强烈推荐大家可以尝试一下sublime text3 这款
原创 2016-05-05 17:05:08
904阅读
课后实践项目,仅页面效果,写博客纯属记录!码云开源仓库地址:https://gitee.com/ynavc/jd演示地址:https://ynavc.gitee.io/jd效果图
推荐 原创 2022-02-23 13:43:16
554阅读
相信很多人都遇到过在设计中自定义滚动条样式的情景,之前我都是努力说服设计师接受浏览器自带的滚动条样式,但是这样只能规避还是解决不了问题,最近在项目中遇到了,正好来总结一下。当然,兼容所有浏览器的滚动条样式目前是不存在的。IE下的滚动条样式IE是最早提供滚动条的样式支持,嗯,好多年了,但是其它浏览器一直没有支持,IE独孤求败了。这些样式规则很简单:scrollbar-arrow-color: col
# 如何实现“模仿ios按两下安装css动画” ## 前言 作为一名经验丰富的开发者,我将会指导你如何实现“模仿ios按两下安装css动画”。这个过程涉及到一些基本的前端知识,但只要按照我的步骤一步步来,你一定可以轻松完成这个任务。 ### 流程概览 首先,让我们来看一下整个实现过程的步骤,我将用表格的形式展示: | 步骤 | 操作 | | :---: | :--- | | 1 | 创建HT
原创 2024-05-04 04:30:05
40阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <met
原创 2022-12-21 10:24:08
80阅读
<!DOCTYPE HTML><html lang="en-US"><head><title>css3模仿新浪微博主页文字滚动</title><style type="text/css">    *{margin:0;padding:0px;}   &nbs
转载 精选 2013-07-16 12:29:14
511阅读
css模拟苹果ios6风格按钮方法ios8的稍后奉上.先说ios6的.直接看代码:1、确定HTML的结构,用一标签加伪类其实是不行的,所以我用了两嵌套的标签 <a href="#"> <span>首页</span></a>2、首先想到的是右边一标准Button,这个比较秒杀吧,所以不多说了,上图和代码 header_1CSS
原创 2015-04-08 16:22:16
1724阅读
只用到了两模块,而且都是python自带的,代码直接复制就可以用,不要问我为什么import time import random def print_reslut(number): itime=number while itime > 0: print("\r您的验证码为:{:0}".format(random.randint(111111,999999
转载 2023-06-29 20:06:04
66阅读
1. xstarxstar是一款桌面版原型设计工具,纯中文界面,吸收了国内外多种原型工具的特色功能,结合国内产品设计的特点、去除了商业软件的各种限制,无需注册账号、无需登录平台、原型文件保存在用户自己的电脑上,导出html不受限制,分享原型不受限制。扩展了hotgloo/axure/invision等软件的组件包、并定期更新扩展组件包 。免费方式:免费主要功能:丰富的组件、灵活的组件组合方式、丰富
最近再学用+CSS模仿淘宝页面,发现还挺好玩的,来贴贴成果,还在学vue实现 响应事件等,所以这里只是单纯的画了画页面,其他功能均未实现。
原创 2022-02-15 14:20:08
9644阅读
最近再学用HTML+CSS模仿淘宝页面,发现还挺好玩的,来贴贴成果,还在学vue实现 响应事件等,所以这里只是单纯的画了画页面,其他功能均未实现。淘宝原网页:我的成果:工程结构:只有taobaoHome.html和test.css是有用的。html代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>我的淘宝&lt.
原创 2021-09-06 13:49:34
10000+阅读
  • 1
  • 2
  • 3
  • 4
  • 5