Brief tutorials
This is a cool 3D star animation effect made with pure CSS3. In this special effect, with the spacecraft moving forward quickly as the angle of view, all the stars are rapidly growing and moving backwards, the effect is very realistic.
How to use
HTML structure
The 3D star effect uses only one
CSS Styles
The stars in this 3D star effect are made using the Box-shadow of the Stars element. Stars elements: Before and: After pseudo elements are used to make a small star in the bac
5px;}// Definitions of news items on the left
Div. News{Font-size: 11px;Font-family: verdana, Geneva, Arial, Helvetica, sans-serif;Padding: 5px;Padding-left: 10px;}-- The things on the top do not know the specific meaning.
. Headertitle{Font-size: 1.5em;Margin: 0px;}// It refers to the definition of "Dragon grows up"
. Headertitles{Padding-top: 10px;Padding-left: 10px;Padding-Right: 10px;Padding-bottom: 10px;Width: 100%;}
. Headertitles A: visited,. Headertitles A: active,. Headertitles A: link
OverviewMany times, will use similar to the time axis of things, in view of the network resources are not so handy, think of their own, this will be the source paste out.EffectCodeStyle file Style.css. timeline{Position:absolute; z-index:5000; font-size:12px; border:1px solid #ccc; Background:whitesmoke; Background:-webkit-linear-gradient (top, WhiteSmoke, #ddd); Background:-ms-linear-gradient (top,
.
wordoid: take a simple, catchy name for your business.
hipster Business Name: The trendy commercial names generator.
Impossibility : the best domain name generator ever.
Lean Domain Search : You can find the domain name for your website in a few seconds.
Domainr: Fast and free domain search with a short URL address.
c. Writing and blogging
Hemingway: Hemingway application can make your writing significant and clear.
the content of the file in the main workspace, find the (7) before debugging, you need to set the web application identity, right-click the solution and select "add ArcGIS identity". In the displayed dialog box, enter the user name, password, and host name, this user name must have the access permission of ArcGIS Server, that is, it is in the agsadmin or agsusers group, click OK
(8) start debugging
8. Create a WebGIS application using ADF
(1) Create an ASP. NET web application named mappinga
csdnblogHttp://blog.csdn.net/hbzxf/archive/2004/06/26/27040.aspx
1. Use the system-defined skinThe system has provided several defined skin interfaces for us. We can select the one we like through the 'option '-'configuration'-'skin.
2. Custom Skin
The following describes how to change the cogitation skin.
1. Options-configuration-skin-select cogitation
2. csdnblog uses http://blog.csdn.net/skins/cogitation/style.cssas the sample table file by default (how do I know, huh, huh, there is in the s
This article introduces to you about how to use CSS and D3 to achieve the dynamic effect of spacecraft, there is a certain reference value, the need for friends can refer to, I hope to help you.
Effect Preview
Code interpretation
Defines the DOM, which spacecraft represents the spaceship, containing 1 elements that represent the tail-ji fins :
Center display:
body { margin:0; HEIGHT:100VH; Display:flex; Align-items:center; Justify-content:center; Background:linear-gradient (
"]. tostring ());}
Private void randomnumber (){Random RD = new random ();String result = "";For (INT I = 0; I {Result + = RD. Next (10). tostring ();}Session ["valdata"] = result;}
Private void drawimage (string mess){// Create a bitmap objectBitmap bit = new Bitmap (100,30 );// A bitmap is available to create a graphics object.Graphics G = graphics. fromimage (BIT );Font Ft = new font ("impact", 15 );// Enter the contentG. drawstring (mess, FT, new solidbrush (color. Yellow), new point (15,
Bitmap bmp = new Bitmap (100,100 );Graphics g = Graphics. FromImage (bmp );Font f = new Font ("arial", 11f );Brush B = Brushes. Blue;String txt = "Rotate text animation! ";SizeF sz = g. MeasureString (txt, f );G. Clear (Color. WhiteSmoke );G. DrawString (txt, f, B, 50-sz.Width/2, 50-sz.Height/2 );G. Flush ();// (The following code create a starting frame from bmp)GifImage. GifAnimation gif = new GifImage. GifAnimation (bmp,GifImage. GraphicControlExt.
', function (){
$ (This). off ('mousemove '). off ('mouseup ');
});
});
});
$ ('. Cancel', _ btnPanel). click (function (){
Var r = true;
If (_ add. attr ('Disabled ') = 'Disabled '){
If (! Confirm ("uncertain stamp will be canceled. Are you sure you want to close it? ")){
R = false;
}
}
If (r ){
// Delete the stamp of the undetermined position
$ ('. Sign: not (. OK)', _ parent). remove ();
_ BtnPanel. remove ();
}
});
};
[Css]
The Code is as follows:
. Zsign. panel{Position: absolute;Top:
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.