css - How to make curve style menu in css3? -

-

क्या सीएसएस 3 के साथ वक्र / आर्क शैली मेनू बनाना संभव है?

यहाँ छवि विवरण दर्ज करें

क्या मैं इस उपयोग कैनवास को प्राप्त कर सकता हूं एचटीएमएल 5 में कुछ है?

पहले से धन्यवाद, लोगान

मुझे दुर्भाग्य से किसी भी सुरुचिपूर्ण समाधान के बारे में पता नहीं है, विशेषकर जब यह मेनू आइटम की बात आती है, लेकिन चाप को सादे सीएसएस और दो कुछ HTML तत्वों में संभव होना चाहिए।

शायद यह आरंभ करें।

html 

  & lt; div class = "container" & gt; & Lt; div वर्ग = "ग्रे" & gt; & lt; / div & gt; & Lt; div वर्ग = "सफेद" & gt; & lt; / div & gt; & Lt; / div & gt;   
  सीएसएस   
 । कंटेनर {ऊंचाई: 200px; छिपा हुआ सैलाब; स्थिति: रिश्तेदार; }। ग्रे,। व्हाईट {स्थिति: पूर्ण; बाएं: -25%; सही: -25%; सीमा-त्रिज्या: 100%; } .gray {/ * एक चाप * / शीर्ष का अनुकरण करने के लिए सीमा त्रिज्या के साथ एक ग्रे सीमा का उपयोग करें: -50%; सीमा: 100 पीएक्स ठोस ग्रे; सीमा-शीर्ष: कोई नहीं; ऊंचाई: 200 पिक्सेल; }। White {/ * बैनर के शीर्ष किनारे के लिए शीर्ष पर एक सफेद ओवल डाल दिया * / top: -80%; पृष्ठभूमि रंग: सफेद; ऊंचाई: 300px; }   
  
 चुनौती अब सभी मेनू मदों की स्थिति में होगी और ... मैं इसे वास्तव में एक व्यवहार्य समाधान के रूप में नहीं देखता, लेकिन मैं किसी भी तरह से पोस्टिंग की उम्मीद है कि आपको यह उपयोगी हो सकता है।  
 आपको इस कार्य के लिए और संभवत: अनुकूल उपकरण देता है।  
 संपादित करें  
 संस्करण जो मैंने एसवीजी के साथ किया था, जो एक प्रूफ ऑफ अवधारणा है और इसे अच्छे से देखने के लिए tweaking की आवश्यकता होती है (क्रोम में भयानक और कुछ कारणों से IE में छोटा), लेकिन यह आपको मूल विचार देता है:  
 < मजबूत> एसवीजी   
  & lt; svg दृश्य बॉक्स = "0 0 500 300" संस्करण = "1.1" & gt; & LT; defs & gt; & Lt;! - पर शुरू (10,40) अंत (490,40) नियंत्रण बिंदु का उपयोग करें (250, 85) - & gt; & Lt; पथ id = "curvetext" d = "एम 10,40 क्यू 250,85 490,40" / & gt; & Lt; / defs & gt; & Lt; एक्स = "0" y = "0" xlink: href = "# curvetext" fill = "none" स्ट्रोक = "ग्रे" स्ट्रोक-चौड़ाई = "50" / & gt; & Lt; text font-size = "12" fill = "white" & gt; & Lt; टेक्स्टपथ xlink: href = "# curvetext" & gt; & Lt; a xlink: href = "http://example.com" & gt; मेनू 1 & lt; / a & gt; मेनू 2 मेनू 3 मेनू 4 मेनू 5 मेनू 6 मेनू 7 मेनू 8 मेनू 9 & lt; / पाठ पथ & gt; & Lt; / पाठ & gt; & Lt; / svg & gt;   
 एसवीजी डेमो:

Comments

Post a Comment

Popular posts from this blog

php - How to filter values fetched from database on the basic of comma included? -

-
Image
I have some values ​​in my database in the column, as I have been shown in the picture below, Now if you notice there over there In the position of number three, we have the value, which is Italian, pizzeria (pizza), there may be some other values ​​that can be included in the Italian, pizzeria (pizza) like COMMA (,) Yes, as we can see in the picture below, Now I want to get all the values ​​of php (select * from tablename), but if the value is included in COMMA, then I Any way to filter out? I just want to select values ​​that do not have any commas, thanks in advance? Unless there is a pregate in my knowledge, or an array filter can help. would not like predicate: Choose * Where 'Business' food is not like '%,%' from the tablet name;
Read more

excel vba - How to delete Solver(SOLVER.XLAM) code -

-
After opening several examples of macro / code written, I suddenly get stuck with a code that seems safe. Solver (SOLVER.XLAM) is doing this notation and I would like to remove it from my system. I do not think this is a relativant code. Can anyone tell me what should I do? I have already installed something to remove the password but Solver is still asking for password and I can not get rid of it! itemprop = "text"> Solver Excel is add-in If you want to delete it, then Excel Application & gt; Options & gt; Add-ins & gt; Search for 'Go to' button and gt; Uncheck the solver on the list like press something (I can not give you the exact path because I have the Polish version of Excel). Trying to open Solver's VBA code is not good because it There is allegedly copyright. Besides, I do not think Solver creates any disadvantages while working with Excel or VBA.
Read more

c# - Add Image in a stackpanel based on textbox input -

-
I am trying to store the image in a stapple panel .. \ resources \ ebi.png Most of the time, the textbox input Based on "Atracount", the same image will be displayed in the StackPanel below, the sample code has been attempted, but it is getting an error saying "The specified view is already visible to any other view Has a child or is the origin of a composition goal " is the code below The Oshis: private bitmap image bmp = new Bitmap image (new Uri ( "WpfApplication1; components / resources / ebi.png", Urikind. Riletiv Orsolut)); Private Zero EtReqCount_TextChanged (Object Sender, TextChangedEventArgs E) {StackPanel dynamicStackPanel = new StackPanel (); DynamicStackPanel.Width = 300; DynamicStackPanel.Height = 200; DynamicStackPanel.Background = New SolidColorBrush (Color. LightBu); DynamicStackPanel.Orientation = Orientation. Vertical; If (Attarcount.Text! = "") {For (int k = 1; k & lt; = int32.Parse (etReqCount.Text); k ++) {I...
Read more