.explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; }

• Home
• About
• Log In
• Account
• Search
• Archive
• Committees
• Author Guidelines
• Flyer
• Handbook
• Presentations
• Proceedings

Home > ICCM2024, July 15th-18th, Virtual Conference > The 5th International Conference on Computational Methods (ICCM2014) > Presentations and Authors

Title Author contains is
Last name A B C D E F G H I J K L M N O P Q R S T U V W X Y Z All
Track: All Tracks General Papers MS-0: Theory of computational methods MS-1: Computational Mechanics for Solids and Structures MS-2: Optimization Design of Complex Structure Systems MS-3: Particle Based Methods MS-4: Structural Integrity – Fracture Mechanics MS-5: Numerical Methods for Fractional Order Differential Equations and their Optimal by Control MS-6: Numerical methods for two-phase flow and fluid-structure interaction MS-7: Modeling and simulation of functional materials and structures MS-8: Smart and multifunctional composites MS-9: Metaheuristic algorithms and engineering MS-10: Numerical Methods for Damage and Fracture Analyses in Composites MS-11: Large Scale Coupled Problems and Related Topics MS-12: Stochastic Modelling and Probabilistic Engineering MS-13: Atomistic and Continuum Simulations on Materials Strength and Properties MS-14: Structural and material optimization MS-15: Regularization Algorithms in BEM MS-16: Orthopaedic biomechanics and mechano- biology MS-17: Analytical and numerical analysis of electro- and magnetomechanical systems MS-18: Computational and Theoretical Biomechanics MS-19: Modelling and simulating multifield coupling behaviour of smart materials and structures MS-20: Engineering Inverse Problems MS-21: Modelling and Simulation of Fiber-Reinforced Composites, MS-22: Uncertainty Modeling & Reliability Analysis MS-23: Computational Mechanics 0f Cells and Biomaterials MS-24: Atomic and Multiscale Modelling and Simulation MS-25: Recent Advances In Meshfree and Particle Methods MS-26: Soft Matter Mechanics MS-27: Computational Fracture Mechanics for Quasi-Brittle Materials MS-28: Computational Materials Design MS-29: Computational Biomedical Engineering MS-30: Numerical Methods for Engineering Problems with Strong Nonlinearity MS-31: Development and Application of High-order Methods for Compressible and Incompressible Flows MS-32: Molecular Dynamics Simulations on Nanomechanics MS-33: Computational Modelling and Simulation in the Development of Medical Devices MS-34: Weakened-Weak (W2) Form Based Methods and the Applications MS-35: Residual Stresses and Eigenstrains MS-36: Advanced Computational Methods in Limit and Shakedown Analysis of Structures MS-37: Computational Methods for Tensegrity and Tension Structures MS-38: Mechanics and biomimetics of surface and interface MS-39: Advances in Multi-Physics Modelling and its Applications MS-40: Advances in Topology and Shape Optimisation MS-41: Development and application of smoothed finite element method MS-42: Advanced Computational Methods in Underwater Acoustics MS-43: Hybrid Analytical-Numerical Methods MS-44: Multiscale Modeling of Mechanical Property MS-45: Visualization of Large-Scale CAD Model MS-46: Bioacoustics MS-47: FE/DE Method and Applications MS-48: Numerical Simulations in Flow Control MS-49: Computational Studies of Heart Functions MS-50: Advances in Nanomechanics and Multiscale Mechanics in Complex Materials MS-51: Computational Modelling of Materials with Uncertainty MS-52: Efficient Methods for Uncertainty Quantification MS-53: Synergy of Computational and Experimental Mechanics for Materials Characterization MS-54: Inverse Problems, Design and Optimisation under Uncertainties MS-55: Atomistic Modelling and Simulation of Mechanical and Thermal Behaviour of Nanomaterials and Nanostructures MS-56: Recent Advances in Multiscale Numerical Methods for Solid Mechanics MS-57: Linear and Nonlinear Dynamics MS-58: Theoretical and Computational Analyses for Inverse Problems MS-59: Computational Methods and Analysis of Dynamic Phenomena with Contact and Friction Interfaces MS-60: Computational Methods for Extra Degrees of Freedom and Higher Gradients MS-61: Advanced Computational Methods for Modelling of Fracture and Damage MS-62: Advanced Computational Methods and Data Analysis in offshore industry MS-63: Numerical Modelling of Fracture Growth MS-64: Novel Computational Methods for Soft Matters MS-65: Micromechanics

 

MS-3: Particle Based Methods

A Numerical study of the impact resistance of woodpecker’s head
Yuzhe Liu, Xinming QIU, Xiong Zhang, TongXi YU

MS-17: Analytical and numerical analysis of electro- and magnetomechanical systems

Investigation of the Structural Integrity of Embedded Device Composites
Yi Xiao, Wenjing Qiao, Hiroshi Fukuda, Hiroshi Hatta

MS-28: Computational Materials Design

Design of new high explosives by introducing N-oxides into 1H-tetrazole
Wu Qiong

MS-60: Computational Methods for Extra Degrees of Freedom and Higher Gradients

An Implicit MRCT Element
Hao Qin

.explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; } .explain-selected-button.explain-selected-text-selected-show-button { display: block !important; } .explain-selected-button.explain-selected-expanded { width: 400px; border: 0px; cursor: default; height: 350px; overflow: auto; box-shadow: rgba(15, 15, 15, 0.05) 0px 0px 0px 1px, rgba(15, 15, 15, 0.1) 0px 3px 6px, rgba(15, 15, 15, 0.2) 0px 9px 24px; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded) { width: 35px; height: 35px; background: transparent; border-radius: 50%; opacity: 0.5; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::before { content: ""; position: absolute; width: 35px; height: 35px; background-color: rgba(128, 0, 128, 0.5); border-radius: 50%; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: explain-selected-growAndFade 2.0s ease-in-out; animation-iteration-count: infinite; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded)::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgb(128, 0, 128); top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; } .explain-selected-button.explain-selected-circle:not(.explain-selected-expanded):hover::after { width: 14px; height: 14px; } @keyframes explain-selected-growAndFade { 0% { width: 10px; height: 10px; opacity: 1; } 100% { width: 30px; height: 30px; opacity: 0; } } .explain-selected-button { display: none !important; width: 120px; height: 28px; border-radius: 4px; border: 0px; position: absolute; z-index: 9999; opacity: 1; cursor: pointer; background: white; text-align:left; font-family: Tahoma,Arial,Helvetica Neue,Helvetica,sans-serif; background-color: #fff; color: #333; } .swal2-icon-show-explainselected { border: none; } .swal2-container p { margin: 0 !important; }