css3 - How to create a speech bubble in css? -

-

मैं इस तरह एक भाषण बनाना चाहता हूं,

मैं सीएसएस का उपयोग करने की कोशिश करता हूं। लेकिन मैं इस तरह शीर्ष तीर को संरेखित नहीं कर सकता। मेरा कोड है, 

  .bubble {स्थिति: रिश्तेदार; चौड़ाई: 275 पीएक्स; ऊंचाई: 40px; पैडिंग: 5 पीएक्स; पृष्ठभूमि: # C00006; -विबिट-सीमा-त्रिज्या: 14px; -मोझ-सीमा-त्रिज्या: 14px; सीमा-त्रिज्या: 14px; } .bubble: after {सामग्री: ''; स्थिति: पूर्ण; सीमा-शैली: ठोस; सीमा चौड़ाई: 0 19px 79px; सीमा रंग: # C00006 पारदर्शी; प्रदर्शन क्षेत्र; चौड़ाई: 0; Z- सूचकांक: 1; मार्जिन-बाएं: -19 पिक्सेल; शीर्ष: -79 पीएक्स; बाएं: 69%; }  
  & lt; br & gt; & lt; br & gt; & lt; br & gt; & lt; br & gt; & Lt; div class = "bubble" & gt; & lt; / div & gt;

(पर JSFiddle) ।

आप इसे निम्नानुसार उपयोग और निर्दिष्ट करके प्राप्त कर सकते हैं: 

  .bubble {स्थिति: रिश्तेदार; शीर्ष: 4.8em; चौड़ाई: 275 पीएक्स; ऊंचाई: 40px; पैडिंग: 5 पीएक्स; पृष्ठभूमि: # C00006; -विबिट-सीमा-त्रिज्या: 14px; -मोझ-सीमा-त्रिज्या: 14px; सीमा-त्रिज्या: 14px; } .bubble: after {सामग्री: ''; स्थिति: पूर्ण; सीमा-शैली: ठोस; सीमा चौड़ाई: 0 19px 79px; सीमा रंग: # C00006 पारदर्शी; प्रदर्शन क्षेत्र; चौड़ाई: 0; Z- सूचकांक: 1; / * शीर्ष: -79 पीएक्स; * / नीचे: 100%; / * शीर्ष * / सही निर्दिष्ट करने से बेहतर: 38px; / * तीर की चौड़ाई के बराबर, उदाहरण के लिए * / -webkit-transform: skewX (-45deg); -मोज़-ट्रांसमेंस: स्काईएक्स (-45 डिग्री); -एमएमएस-ट्रांसमेंस: स्क्वैक्स (-45 डिग्री); -ओ-परिणत: स्क्वैक्स (-45 डिग्री); परिणत: स्क्वैक्स (-45 डिग्री); -वेबकिट-परिवर्तन-मूल: 38px 100%; -मोज-ट्रांसफॉर्म-मूल: 38px 100%; -एमएमएस-ट्रांसफॉर्म-मूल: 38px 100%; -ओ-परिवर्तन-मूल: 38px 100%; परिवर्तन-मूल: 38px 100%; }  
  & lt; div class = "bubble" & gt; & lt; / div & gt;  <

यह ध्यान देने योग्य है कि सीएसएस रूपांतरण और नया।


Comments

Post a Comment

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr...
Read more

java - @PluginTarget(Node.class) not registering as neo4j plugin -

-
Simple class below will not show as a plugin package com.danmacias neoneoteplugin ; Import java.util.ArrayList; Import java.util.list; Import org.neo4j.graphdb. *; Import org.neo4j.server.plugins *; Import org.neo4j.graphalgo *; // import org.neo4j.tooling.GlobalGraphOperations; @ Description (expansion of Neo4j server to achieve all nodes or relationships) Public class GetPaths expanded the server plugin {@ name ("breadth_first_paths") @ Description ("first wide travel traversal of specific node"). @plugin target (node ​​class) public shaky & lt; Path & gt; GetPaths (@ Source Node Graphidi) {ArrayList & lt; Path & gt; Path = new arreelist & lt; & Gt; (); Return path; }} curl return {"extension": {"GetAll": {"get_all_nodes": "http: // localhost: 7474 / db / ext / GetAll / graphdb / get_all_nodes "} ...}, But when I Node.class both conditions GraphDatabaseService I change with Class ,...
Read more

c - The joining operator ";" in my shell isn't working properly -

-
I have written a simple shell in C, and I ""; The operator is working properly, the user typing command will be 1; Command2 and Shell execute the first command in the command line followed by the second command. However, it seems that, for whatever reason, it is executing only the second order. Why does anyone have an idea? This special section of my code is: four * next = strchr (cmd, ';'); While (next! = Null) {/ * 'next' number ';' * / * Next = '\ 0'; Input = run (CMD, input, first, 0); CMD = next + 1; Next = strchr (CMD, ';'); First = 0; } Your code is working for me just to handle the corner case The condition is added. Please check the code below. four * next = strchr (cmd, ';'); While (next! = Null) {/ * 'next' number ';' * / * Next = '\ 0'; Input = run (CMD, input, first, 0); Printf ("% s \ n", CMD); CMD = next + 1; Next = strchr (CMD, ';'); If (NULL == Next) {i...
Read more