【手写代码】HTML&CSS做出一个气泡浮动效果(代码全记录/前端基础/网页制作) 2385 -- 15:42 App 【手写代码】HTML & CSS快速实现滑块式网页设计(web/js/前端开发/网页设计/按钮/滚动代码全记录) 790 -- 7:13 App 手写前端代码-使用CSS弹出式动画效果(前端开发/特效/HTML/素材/Java/WEB全栈) 1164 -- 7:56...
这效果,让甲方爸爸高攀不起【HTML5+CSS3+JS滑动切换的注册登录界面】 3583 116 3:18 App HTML+CSS3打造的流光按钮 是不是有点小好看 5183 120 8:01 App HTML+CSS打造伸缩式导航栏 1.2万 119 3:07 App 前端3D分层按钮的悬停效果,让你的页面变得更加美~~~ 5487 115 3:33 App 小学生都会的前端边框...
HTML5+CSS3实现菜单栏图标悬停效果,紫色的tabbar标签栏,默认显示图标,鼠标悬停图标上移,显示文字,过程伴随细微动画,字体图标用的是font-awesome。 效果: 源码: <!DOCTYPE html><html><head><metahttp-equiv="content-type"content="text/html; charset=utf-8"><metaname="viewport"content="width=device-width,...
HTML5+CSS3实现闪亮的玻璃图标悬浮效果,光与玻璃的碰撞,好有质感的玻璃图标。 先看效果: 源代码: <!DOCTYPE html><html><head><metahttp-equiv="content-type"content="text/html; charset=utf-8"><metaname="viewport"content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><tit...
Html5 + Css3 制作QQ悬浮特效 1 QQ二维码图标右侧悬浮,可开可收 2 点击QQ在线咨询,可以弹出对方qq对话框 3 代码如下 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="">...
本程序是一个动态的 一、HTML部分 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>纯css实现简约的天气图标动画特效</title><link rel="stylesheet...
1. [代码][CSS]代码 <svg version="1.1" id="sun" class="climacon climacon_sun" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="15 15 70 70" enable-background="new 15 15 70 70" ...
效果演示:文末获取源码 主要代码实现: CSS样式: @charset "utf-8"; @import url(https://fonts.googleapis.com/css?family=Open+Sans:300); body { background-color: #f1c40f; overflow: hidden; } h1 { position: absolute; font-family: "Open Sans"; ...
html+CSS3实现iOS7扁平化clock图标 工具/原料 adobe dreamweaver 方法/步骤 1 新建html文档。2 书写hmtl代码。<div class="wrapper"> <div class="icon clock"> <div class="numbers"> <ol> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> ...
简介 html+css3+jquery鼠标经过图标导航高亮旋转动画 工具/原料 adobe dreamweaver 方法/步骤 1 新建html文档。2 书写hmtl代码。<div class="mian"> <div class="adframe"> <div class="adleft"> <div class="ico"> <i class="fa fa-code"></i> </div> <span class="title"> 百度经验 </...